Posted by strawberry on 06/23/06 14:31

text-overflow: ellipsis

as in

<div style="border: medium none; position: absolute; left: 20px; top:
50px;
width: 100%; height: 20px; overflow: hidden; text-overflow:
ellipsis">
<nobr>Hello, how are you?</nobr>
</div>

Note that only IE (and maybe Safari) supports this functionality.



Manish wrote:
> Hello,
>
> I am developing a site in PHP, MySQL using AJAX Technology. There are
> various dynamic datas being displayed in the page (from MySQL
> database).
>
> Functionality Desired:
> 1. Open browser window.
> 2. Make sure it's not maximized.
> 3. Let the text at one of the table cell be "Hello, How are you"
> 4. Decrease the width of the browser window slowly.
> 5. The text changed from
>
> "Hello, How are you"
> to
> "Hello, How are y ..."
> to
> "Hello, How ..."
>
> instead of the text moving behind the scroll.
>
> Examples:
> 1. GMail
> Login >> Inbox >> (Focus on Subject Column)
>
> 2. Windows Live Mail (Hotmail)
> Login >> Inbox >> (Focus on Subject Column)
>
>
> Please refer any article/tutorial/concept or code (if any) available.
>
> Thanks and Regards.
>
> Manish

[Back to original message]