How to display only few lines of content & expand instantly on demand? 1

[may1hem]

I have a Web page which displays a large table. Each row of the table has lots of text in it, which means the user has to scroll through a lot of text to find what they're looking for.

I want to show just the first 10 words of each row, and when the user wants to read more then they just need to click on the text to expand it. How can this be done with HTML / CSS?

I've seen it on the Microsoft site and on other sites. What's the simplest way that this can be done?

Thx for your help,

May

 

[Wullie]

Its not possible using pure html/css, you would need dhtml or javascript etc.

Hope this helps Wullie

http://www.freshlookdesign.co.uk

http://www.freshlookdesign.com

http://www.necomputers.org.uk

http://www.whiland.co.uk

The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell

 

[petey]

You could use the CSS overflow:hidden property on your cells in conjunction with height:30px or something, so that excessive text is cut short. Then use DHTML to expand the cells whe the user clicks a link for example.

petey

http://www.drpeterjones.com/

 

[may1hem]

Perfect Petey!!

I also found this helpful page which expands on what you said, so to speak =oD

http://www.pageresource.com/dhtml/csstut6.htm

Thx,
May