hoover item

[liunx]

Hi,

I need to show ">>" (the greater than sign) next to an item when the cursor hoovers over the item. How can I do this with CSS/html.

Thanks,
LeoIt will only work on anchors (links) in IE, but other browsers support the :hover attribute on just about anything. I'd suggest using :hover and changing the background-image to some sort of arrow, and aligning the background image to the left. You might have to make the text-indent increased a few pixels for it, though.

[J]onaFor pure CSS solution you would need to use anchor element for text you hover upon (because of the IE dumbness)

<style type="text/css">
.hovered span
{ display: none;
}

.hovered:hover span
{ display: inline;
}
</style>

<a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class="hovered" onclick="return false;">Hover here<span> >&gt </span></a>

EDIT: No need for image....Nice, Vladdy. I didn't think 'bout that one!

[J]onaAlso you can ammend the IE's inability to recognize hover for other elements by using a very simple behaviour:
<!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/IEPseudoClassesFix.htmlOriginally">www.vladdy.net/Demos/IEPseudoClassesFix.htmlOriginally</a><!-- w --> posted by Vladdy
Also you can ammend the IE's inability to recognize hover for other elements by using a very simple behaviour:
<!-- w --><a class="postlink" href="http://www.vladdy.net/Demos/IEPseudoClassesFix.html">www.vladdy.net/Demos/IEPseudoClassesFix.html</a><!-- w -->

Sweetness! Thanks!

[J]ona