Show List on Image Hover

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

shapper - 28 Mar 2008 21:34 GMT

Hello,

Is it possible to show / hide an unordered list on mouse hover / mouse
out of an image using only CSS?

Thanks,
Miguel

Reply to this Message

Ben C - 28 Mar 2008 21:46 GMT

> Hello,
>
> Is it possible to show / hide an unordered list on mouse hover / mouse
> out of an image using only CSS?

Yes.

something { visibility: hidden }
something-else:hover something { visibility: visible }

:hover doesn't work in older versions of IE.

Reply to this Message

David Stone - 28 Mar 2008 22:16 GMT

> > Hello,
> >
[quoted text clipped - 7 lines]
>
> :hover doesn't work in older versions of IE.

If you want to see how this can be done - including accomodating
older versions of IE - take a look at Ruthsarian menus:

http://webhost.bridgew.edu/etribou/layouts/rMenu/

Reply to this Message

Stan Brown - 30 Mar 2008 20:04 GMT

Fri, 28 Mar 2008 17:16:47 -0400 from David Stone
<no.email@domain.invalid>:

> If you want to see how this can be done - including accomodating
> older versions of IE - take a look at Ruthsarian menus:
>
> http://webhost.bridgew.edu/etribou/layouts/rMenu/

Caution: it requires Javascript.

Also, the whole business of drop-down and flyout menus has been
discussed here, and while there are pros and cons, as I recall the
cons outweighed the pros.

Signature

Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008

Show List on Image Hover