Text wrapping

[HairyDave]

I've got a list in HTML. This list lives in a frame, but when the frame is resized the text inside gets wrapped if the frame becomes too small.

Is there any way to disable text wrapping - if only 1 word can be seen in the frame then so be it.

HD

[Rick Bull]

There a couple of ways with style. Whitespace is one:

  <div style="white-space:nowrap;">Lots of text here</div>

And overflow

  <div style="overflow:auto; width:100%;">Lots of text here</div>

Also you can use hidden for overflow, but that will result in no scroll bars.

[CornedBee]

There is a <nowrap> tag I think.

[HairyDave]

I have tried <nowrap> but it doesn't seem to work.

Anyway, when I do the <div style=.....>Text</div>, the text doesn't wrap - but the list images do. The attachment is a screen shot of what I mean.

As you can see, the "Request Equipment" item has 'wrapped' from the list image.

Any way I can stop this?

HD

[Rick Bull]

I'm pretty sure <nowrap> is proprietary. The style stuff may only work on block level elements (I'm not sure though), so if you're using for example a list item, try encasing it's text in a DIV and setting the style on that.

[CornedBee]

I'd rather use span, but I don't know where the difference would be.

[Rick Bull]

<span> is inline, so it would be the same as just <li> really, you want <div> because it's block.