Preventing Wrapping In Text

I have an application which returns telephone numbers along with other
information. I leave the table that holds this information alone to resize
itself, but in many cases it causes telephone numbers to wrap.

I'd like these numbers to remain on one line, so either the column should
widen or they should be moved to a new line in the cell. However, previous
attempts to enforce this have failed - clearly I'm not pressing the right
buttons.

I just want to be able to enclose the numbers in a <SPAN> and style it such
that that span either wont wrap or has a minimum width. Needless to say, I'd
like as simple a cross-browser solution as possible.

Any ideas?

Thanks in advance

Chris

--
cjmnews04 (AT) REMOVEMEyahoo (DOT) co.uk
[remove the obvious bits]

"CJM" <cjmnew04 (AT) REMOVEMEyahoo (DOT) co.uk> wrote:

I have an application which returns telephone numbers along with other
information. I leave the table that holds this information alone to resize
itself, but in many cases it causes telephone numbers to wrap.

I'd like these numbers to remain on one line, so either the column should
widen or they should be moved to a new line in the cell. However, previous
attempts to enforce this have failed - clearly I'm not pressing the right
buttons.

http://www.w3.org/TR/CSS21/text.html#white-space-prop

--
Spartanicus

"CJM" <cjmnew04 (AT) REMOVEMEyahoo (DOT) co.uk> wrote:

I have an application which returns telephone numbers along with other
information. I leave the table that holds this information alone to
resize itself, but in many cases it causes telephone numbers to wrap.

There are several ways to achieve that. The CSS method is to set
white-space: nowrap for those <td> elements that contain a phone number.
Achieving this is a bit clumsy, but it's doable. In fact, it is sufficient to
prevent line breaks in the _longest_ cell content, if you can identify the
longest one. Alternatively, you could use HTML markup: <td nowrap>.
Or you could write the number using no-break spaces, perhaps presented as
entity references, e.g. <td>+358&nbsp;9&nbsp;40&nbsp;844&nbsp;8617</td>.

I just want to be able to enclose the numbers in a <SPAN> and style it
such that that span either wont wrap or has a minimum width.

Why would you use <SPAN> if the number occupies a table cell, which is itself
a styleable element.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

On 2006-01-11, CJM <cjmnew04 (AT) REMOVEMEyahoo (DOT) co.uk> wrote:

I have an application which returns telephone numbers along with other
information. I leave the table that holds this information alone to resize
itself, but in many cases it causes telephone numbers to wrap.

have your application replace any spaces in the telephoine numbers with the
non-breaking space &nbsp; leaving regular spaces between the telephone
numbers only.

I just want to be able to enclose the numbers in a <SPAN> and style it such
that that span either wont wrap or has a minimum width. Needless to say, I'd
like as simple a cross-browser solution as possible.

Any ideas?

there's an attribute you can use for that but I forget what it is.

--

Bye.
Jasen

Jasen Betts wrote:

On 2006-01-11, CJM <cjmnew04 (AT) REMOVEMEyahoo (DOT) co.uk> wrote:
I have an application which returns telephone numbers along with other
information. I leave the table that holds this information alone to resize
itself, but in many cases it causes telephone numbers to wrap.

have your application replace any spaces in the telephoine numbers with the
non-breaking space &nbsp; leaving regular spaces between the telephone
numbers only.

I just want to be able to enclose the numbers in a <SPAN> and style it such
that that span either wont wrap or has a minimum width. Needless to say, I'd
like as simple a cross-browser solution as possible.

Any ideas?

there's an attribute you can use for that but I forget what it is.

white-space: nowrap

I know it is oldfashioned and not CSS. But I thought that at least it
should be mentioned: <NOBR>

condor wrote:

I know it is oldfashioned and not CSS. But I thought that at least it
should be mentioned: <NOBR

While most (all?) browsers support <nobr>, it is not a valid HTML element.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

"Jukka K. Korpela" <jkorpela (AT) cs (DOT) tut.fi> wrote

Why would you use <SPAN> if the number occupies a table cell, which is
itself
a styleable element.

Because I was busy clutching at straws when previous solutions failed! lol

All,

Thanks for your responses, and apologies for the delay in feedback.

I followed Spartanicus's prompt response and used white-space:nowrap in
appropriate table cells, and it worked a treat.

Cheers

Chris