word wrap question

[Darkmatter5]

Say I have a cell in a table that has more characters then the column width can accommodate and it wraps the text making the row two lines in length instead of just one. How can I turn off that word wrap and maybe even add a comment to the cell that if you hover your cursor over the text it'll show a little box with the cells full contents, but still preserves the single line row look?

 

Thanks!

[rhodesa]

CSS:

 

style="white-space:no-wrap;overflow:hidden;"

[Darkmatter5]

The white-space part worked, but the overflow isn't doing anything. Any ideas why?

[rhodesa]

oh yeah...with overflow:hidden you need to specify a width i think

[Darkmatter5]

I applied a width and still nothing.

[rhodesa]

interesting...i had to wrap it in a block level element to make it work:

 

<style type="text/css">
  .narrow td {
    width: 100px;
  }
  .narrow td p {
    overflow: hidden;
    white-space: nowrap;
  }
</style>
<table class="narrow" border="1">
  <tr>
    <td><p>This is short</p></td>
    <td><p>This is much much longer and will get cut off</span></td>
  </tr>
</table>