Tim Huffam

"white-space:nowrap;" works fine.
Please note that replacing white spaces by " " does the job, too. "nbsp" means "Non Breakable SPace".

Thanks Tim about your post.
But i've tried this writing this and works fine too, in every cell!!! ;o)

HTML----------------

<table>
<tr class=classtr>
<td>
bla bla bla...
</td>
<td>
bla bla bla...
</td>
</tr>
</table>

CSS-------------

.classtr td{
white-space:nowrap;
}

To apply this style to all td's in a table i would use inheritance. define a table id and set its td's to this style. This way you don't need to set the class of each td cell in a table
<table id="mytable">
<tr><td></td><td></td></tr>
</table>
table#mytable tr td{white-space:nowrap}

Note that replacing space with &nbsp; does NOT do the job, as the browser will wrap the text after other characters, such as a after a dash...

Yes, there is a non-breaking dash too, but how long do you want to fiddle with incomplete wordarounds?

Another alternative would be

<table>
<tr class="nowrap">
<td></td>
<td></td>
</tr>
</table>

CSS:

tr.nowrap { white-space:nowrap; }
td { white-space:inherit; }


This way only the TD's inside a NOWRAP classed TR are no-wrap and also the TR itself is nowrap.
Although I can't find a reason why it whould be - just showing off, I guess..

To show of the ofshower:

CSS:
tr.nowrap td {white-space:nowrap;}

To the one-upper of the &amp;quot;off-shower&amp;quot;:

CSS:
[code]
TR.nowrap TD, TH {white-space: nowrap;}
[/code]

This way, if you have a TH that is longer than your data, it does not wrap either.

If you're going to one-up someone else's code, make sure your spelling is dead on, too. :-) (just some light-hearted ribbing, not trying to start a flame war)

Oh, nice. In the process of trying to post (and show off just a little) my quotes get messed up. <wipes the egg off his face>

Looks good. Any advice on how to implement nowrap with a list item? I'm using a tree CSS I found on the internet, and whitespace:nowrap doesn't seem to work on ul or li.

Advice?

Actually oneupmanship Greg, you're all wrong.

None of your TH elements will wrap.

What you meant to say, but failed to is:

TR.nowrap TD, TR.nowrap TH {white-space: nowrap;}

Before you engage in light-hearted ribbing (yeah, right), you ought to know what you're talking about.

ewrewrwe

I've used this rule for every TD that I needed and it worked fine on FireFox, but in IE the text is wrapped.

Do you know of this issue ? Is there a nice workaround for it ?

Thanks !

An important issue about the "white-space: nowrap;" style: if you apply it to a parent element that contains some children elements, the parent element itself won't wrap, but its children might wrap, which will look exactly as if the parent was wrapped. To make it clearer, if you have:
<td style="white-space: nowrap;">
<h2>Main menu</h2>
<ul><li>Home</li>
<li>About us</li>
<li>Forum</li></ul>
</td>
The <td> itself is not wrapping, but the rendering engine might wrap any of the <li> elements inside. When this happens, it will look exactly the same as if the <td> itself had wrapped, which you probably don't want.
The simplest way to achieve this is using a CSS class and putting a bit of creativity in the selectors:
In your HTML:
<td class="nowrap"> ... </td>
In your CSS:
.nowrap * { white-space: nowrap; }
This selector will match (and apply the nowrap rule to) any element that has the nowrap class **and** any of its descendants (either direct or indirect, like the td > ul > li in the example above). I'm not sure how well will browsers handle this kind of selectors: my site using this is working fine in FireFox. Haven't even checked on IE (my site forsakes IE anyway because it doesn't want to accept a "application/xhtml+xml" content-type and I don't want to send my content under a fake header jusr for one browser).

Woops: part of the HTML I used in the example got parsed ^^; To be more exact, the example anchor tags are appearing as actual links (oh! and one of them even works LOL!) Fortunatelly, the <td> and <li> items are there, which are the important ones :P