making text apear with CSS rolover

[Fantatier]

to start the ball rolling as it where, i am generaly speaking aware of how css mouseover effects work and how they are implemented, but i just cant get this to work the way it should
here is the site (http://christopheralainjones.eu/index2.php?page=)
in my navigation area i want to add a mouseover effect, so that when i mouseover for instance "blog" a text saying something or the other should apear in the info box under the navigation, this text should be different for every nav link.
if possible i would like to have it so that i dont need to extend the CSS if i add another link, but only edit the index to the effect off adding another ahref with link name and the info text.
any pointers appriciated.

[KDLA]

This is exactly what you need.

Reference: http://meyerweb.com/eric/css/edge/popups/demo.html

KDLA

[Fantatier]

yea i know that site, there is one problem though, the span is positioned absolute. wich is bad, because on that site for instance if you increase the font size the span element stays where it is, it is also unpractical because i want to be able to easily add and take away links from the list.

[KDLA]

You could change the position to "relative," making the text div appear so many pixels under the last link in the </ul>

[Fantatier]

could you elaborate...

if you look at the page now, i put in relative, but then the info div apears relative to its original position ie in the a href, but it should be directly under it. any ideas how i could achive that... the info div should be inside the navigation div, but under the ahrefs (that are not in a list(should they be?))

[KDLA]

It would look different -- not stay in the container, but would be just as effective:

Examples:
http://www.netbulge.com/index.php?session=0&action=read&click=open&article=1120173115

It might better, in that the description would be right with the link. If you have a long list of links, the description appearing at the bottom of the </ul> might not get noticed by the user.

One thing -- I'd use the hover method in the Meyer method, rather than the javascript one mentioned, which would work for you since you're using this strictly on links.

[Fantatier]

thanx, ill use that i think