Previous Message
Next Message

Adding 'bullet' to list on hover.

Sent by Christian Heilmann on 20 September 2005 16:04


> Hi All,
> 
> I'm just wondering if this is possible...
> 
> I have a list that I am using as a menu, but want to be able to add a }
> character to the end of a list item when you hover the mouse over the
> link.
> 
> The code I have so far is:
> <div id="menu">
> <ul>
> <li><a href="#">contact <span class="arrow">}</span></a></li>
> </ul>
> </div>
> 
> I can hide the } character by making it the same colour as the
> background colour (I'm guessing using display:none will cause
> flickering on hover) but how can I get it to display when the mouse
> hovers over the link?

like any other embedded element?
#menu a:hover span.arrow{
/* your settings */
}
______________________________________________________________________
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/
Previous Message
Next Message

Message thread:

Possibly related: