Mobile Friendly Website


Doing it with style

CSS DEMOSShow me some more....

Date : Pre 2006

For all modern browsers


The first attempt at an answer to a problem posed by Mark from Ireland.

A method of producing a 'more' feature, whereby a snippet of text is shown to visitors and to read the full article they have to click on the more » link.

This method hides the extra text in an em tag and displays the 'more »' link in a visible span tag. When the link is clicked the span tag is hidden and the em tag is made visible.

Because Internet Explorer insists on putting the dotted line around the clicked link I have added a small amount of javascript to remove it again :o(.

The mousewheel scroll works in IE and the scroll bars work in FF, however Opera does not keep the text on screen when the mouse button is released (a feature of Opera).

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
    A support donation is now required for this demonstration.
  2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at} and again a support donation is required.
  3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page