Sent by Ted Drake on 2 February 2005 16:04
Hi Eric
I tried the technique you suggested and I like the idea. However, it pushes the text around. So, I
tried adding a z-index to thea.class_name[title]:hover:after {content: attr(title); section,
thinking it would take it out of the document flow and not disrupt the page layout. I couldn't get
that to work. Is this possible?
Ted
Also, by using an attribute selector, you're leaving IE/Win out of
the game, since it doesn't natively understand attribute selectors.
If you're still willing to experiment, though, you could try:
a.class_name[title] {position: relative;}
a.class_name[title]:hover:after {content: attr(title);
position: absolute; left: 50%; top: 0.5em; width: 10em;
font-size: smaller; border: 1px solid;
background: yellow; color: red;}
It's an off-the-cuff idea, so it may need some adjustment, but try it
out in Firefox and see what happens.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
