how to truncate items with a "..." at the end?

liunx

Guest
This is something that css can do, is it not? How does one do it? Is it proprietary to IE by chance?

Im currently using overflow-y to truncate divs but its not turning out all that well in mozilla if u know what I mean.

Thx!I'm not sure exactly what you mean by truncating a ... Could you show us your code?Originally posted by DaveSW
I'm not sure exactly what you mean by truncating a ... Could you show us your code?

hmmm...

well, my code takes divs in a table (of width 100%) and they're class "truncate" but on mouseover, they become "showall"

truncate {

width: 100%;
overflow-y: auto;

}

showall {

width: 100%;
overflow: visible;

}


and obviously, though this looks great on IE, it makes mozilla go haywire.

What Im inquiring about is how to truncate text to look like:

123456789012345678....

instead of:

1234567890123456789012345678901234567890

see what Im sayin? I could have sworn that theres a way to do this in CSS, but I may be mistaken...CSS does a few things with :before and :after stuff but I've never read of it doing that (not in the CSS2 spec anyway). Also, :before and :after have very poor support anyway...

It maybe in CSS3, but that's not out yet.

It may be more of a javascript or php question.
 
Back
Top