gibney.org
:
Technology
:
HTML and CSS
:
Expandable Content
(Entry Nr. 303, by user 1 |
edit
)
<LINK href="../expandable_information/" rel="stylesheet" type="text/css"> Here is an example of <a class=expandable>expandable<span> This part of the page will only be displayed, if the mouse is moved over the word expandable.<br> This is a pure CSS solution. Nice. </span></a> information.<br> <br> Lets play around with this a bit. Here's <a class=expandable>more<span> Expandable information can contain anything. Here's an image: <img src="http://www.gibney-enterprises.de/images/size00/0001.jpg" style="border: 1px solid #808080;"> </span></a> and even some <a class=expandable>more<span> Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! Some long text here! </span></a> and here is <a class=expandable>another example<span> Hello :) </span></a>
Expandable information
The actual stylesheet file
Create a new entry at this position