Posted by Greg N. on 02/15/06 14:20

humbads wrote:
> I want to achieve the effect described below using HTML and CSS...


<div style="position:relative; height:1.5em;">

<div style="position:absolute; overflow:hidden;
text-align: center; left:0%; width:25%;">Text&nbsp;sample&nbsp;one
</div>

<div style="position:absolute; overflow:hidden;
text-align: center; left:25%; width:25%;">Text&nbsp;sample&nbsp;two
</div>

<div style="position:absolute; overflow:hidden;
text-align: center; left:50%; width:25%;">Text&nbsp;sample&nbsp;three
</div>

<div style="position:absolute; overflow:hidden;
text-align: center; left:75%; width:25%;">Text&nbsp;sample&nbsp;four
</div>

</div>

--
Gregor mit dem Motorrad auf Reisen:
http://hothaus.de/greg-tour/

• Next in forum: Re: Copying Website Contents, esp. Message Boards
• Prev in forum: Re: challenge: auto-clipping text on resize
• Thread view: Re: challenge: auto-clipping text on resize

[Reply to this message]