You saw in the previous example how to create buttons using CSS only and in this case i'm going to show you how to use a similar technique to create text which appears when you roll over a link.

This example uses text inside <span> elements. It's exactly that what appears below the navigation panel upon hovering over the links.

Here's the trick. The rollover text is inside a <span> element, and this element itself is inside an <a> element. You need to make the <span> element appear, only when the <a> element is in the hover state. That is all there is to it.

The technique to make the navigation panel is similar to the previous example, so you can always take a look there if you are confused.

Some more scribbles for you to look at.

More Pages

Links to other parts of the site.


People who have been good enough to me that I would call them friends.

You can get your W3C stuff at the W3C site

The W3C Logo

It's has all the specifications you need, some tutorials and also validation tools. If you get into CSS you'll be needing this link !

Unless otherwise expressly stated, all original material of whatever nature created by Dzinelabs and included in this site and any related pages, including the weblog's archives, is licensed under The Creative Commons License.

The Creative Commons Licence logo