Appending "..." after so many pixels in a string

Hi,
I have a table which has a fixed row length with many strings of many different lengths, which can only be on a single line.

Currently I use "<div style='overflow: hidden; width: 100%; white-space: nowrap;'>" in the row to hide the end of the string if it's too long to fit, but I want to add a "..." just before it gets cut off.

I know how to do this if the string is beyond a certain character length, but not pixel length which is what I'm after here.

Thanks

Do you use anything like PHP? If you do, you could use strlen().

Thanks for the reply, and yeah I do use PHP but I sort of wanna steer away from using strlen because it gets the length in characters, not pixels.
The problem being a string with say 15 W's is a lot different pixel wise than 15 i's.

Hmmm ... but what it the cut-off is in the middle of that W or M ?

Will you only show 1/2 or 1/3 of said letter?

That's why it's string and not pixels

Well, currently with "<div style='overflow: hidden; width: 100%; white-space: nowrap;'>" it does that, and it doesn't look too strange, I also use a title attribute to show the full name.

I'm thinking it would require a bit of JavaScript work, which I'm pretty unfamiliar with. The only place I can remember this being done was on Web MSN's contact list, so if it's overly complicated, I'll just stick with what I have now

If you are using width 100% you don't really have a good idea of what amount of pixels are being used, plus the browser size can be changed on the fly. I'd personally do a string check and if it is above a certain number of strings display the ... else don't. That's the only thing I can see that would work. Pixels are not going to work with percentages.

Ah, the row is at a fixed length (500px) but the 100% is just the <div> inside the row. There was a comment on the php.net strlen doc that hopefully will do what I want.

Thanks everyone!

Cheers!

Well good to see that you found a solution.