Truncating text in a table rather than wrapping to a new line?

[lister]

Is this possible?

I want fixed height table rows, but long text is wrapping around and
causing the cell, and thus the entire row, to increase in height.

I want any long text to simply truncate.

Many thanks,
Lister

[scripts.contact]

On Mar 21, 3:07 pm, "lister" <listerofsme... @hotmail.comwro te:

I want fixed height table rows, but long text is wrapping around and
causing the cell, and thus the entire row, to increase in height.
I want any long text to simply truncate.

overflow:hidden
----
http://msdn.microsoft.com/workshop/a...s/overflow.asp
http://www.w3schools.com/htmldom/pro...e_overflow.asp
Test:http://www.w3schools.com/js/tryit.asp?
filename=try_do m_style_overflo w

[Jukka K. Korpela]

Scripsit lister:

I want fixed height table rows,

Why? That seems to be the problem, so shouldn't you stop wanting that?

but long text is wrapping around and
causing the cell, and thus the entire row, to increase in height.

I want any long text to simply truncate.

The only safe way is to truncate the text when it is generated. Even then,
the width requirements will vary. Who knows how users set the font size?

Try starting from the original problem. How about telling it and revealing
the URL?

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Ben C]

On 2007-03-21, scripts.contact <sc************ *@gmail.comwrot e:

On Mar 21, 3:07 pm, "lister" <listerofsme... @hotmail.comwro te:

>I want fixed height table rows, but long text is wrapping around and
causing the cell, and thus the entire row, to increase in height.
I want any long text to simply truncate.

overflow:hidden

Yes, although generally you will need to put a <divinside the <tdand
set height and overflow on the <div>.

[lister]

On Mar 21, 10:36 pm, "Jukka K. Korpela" <[e-mail] t.fiwrote:

Scripsit lister:

I want fixed height table rows,

Why? That seems to be the problem, so shouldn't you stop wanting that?

Because it looks crap otherwise. All my icons and buttons are designed
for that height.

Yes, I realise differing font sizes will effect row height, and might
even cause some genuine wrapping of important columns and that's fine
- I'm not going to force layout at the expense of useability. But for
this particular column it is not important to be able to see the
entire information, so I just want to show as much as there is room
for.

[lister]

On Mar 21, 9:23 pm, "scripts.contac t" <scripts.cont.. [e-mail]>
wrote:

>
overflow:hidden

Thanks! I will give it a go.

[Jukka K. Korpela]

Scripsit lister:

>>I want fixed height table rows,

Why? That seems to be the problem, so shouldn't you stop wanting
that?

Because it looks crap otherwise. All my icons and buttons are designed
for that height.

Then you apparently have to solve that problem too, as part of solving the
problem hat you created by fixed-height rows.

- I'm not going to force layout at the expense of useability. But for
this particular column it is not important to be able to see the
entire information, so I just want to show as much as there is room
for.

You haven't told _any_ specifics, such as a URL. It is therefore reasonable
to assume that the general advice is applicable: decide on some reasonable
length, and truncate server-side, where you can actually truncate at
meaningful places and include a truncation symbol such as "...".

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[zzpat]

lister wrote:

Is this possible?

I want fixed height table rows, but long text is wrapping around and
causing the cell, and thus the entire row, to increase in height.

I want any long text to simply truncate.

Many thanks,
Lister

Do what you can to avoid this problem. In other words, don't try to fix
it unless you absolutely have to. Fix the problem that causing the
symptom instead.