Hi Geoffrey,
Have you tried something like the following?
ul { list-style-type: none; color: #fff; }
li:hover { list-style-type: disc; color: #f7c30e; }
li:hover a { color: #f7c30e; }
a { text-decoration: none; color: #fff }
(The "li:hover a" and "a { color: ... }" seem to be required by IE7 - gah.
Other browsers handle inherit properly)
Probably won't work in IE6, although I haven't tested it; one version of IE
doesn't like :hover on anything but a, but I cannot remember which
- Bobby
--- On Sun, 3/29/09, Geoffrey Hoffman <[email protected]> wrote:
> From: Geoffrey Hoffman <[email protected]>
> Subject: [css-d] Is this possible with CSS?
> To: [email protected]
> Date: Sunday, March 29, 2009, 3:20 AM
> I'm trying to replicate the effect done (with tables,
> images and Javascript) in the left column of this page...
>
> http://holdenluntz.com/artist.htm
>
> ... with CSS only.
>
> Specifically, I want the <li> bullet to turn a color
> when I hover on the <a> inside it. (Ignore the images
> that show up on hover in the right-hand column). I've
> recoded it as a simple link list, e.g....
>
> <ul>
> <li><a href="#">Link
> One</a></li>
> <li><a href="#">Link
> Two</a></li>
> <li><a href="#">Link
> Three</a></li>
> </ul>
>
> I know that it's possible to use a re-positioned
> background image to achieve this effect, but I was wondering
> if it is possible to do with CSS only. I've tried
> several of the obvious things without any luck.
>
> Any suggestions?
>
> TIA,
>
> Geoff
>
>
>
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
