"Richard" <An*******@127.001> wrote in message
news:cs*********@news2.newsguy.com...
http://www.phoenity.com/newtedge/image_gallery/
Referring to the images at the top of the page, how does he achieve a
mouse
over with no onmouseover command?
The only way I can see it being done is through the CSS.
But I'm not clear on how it works exactly.
It isn't JavaScript (so it's off-topic for this newsgroup), but it isn't
rocket science to figure out how it works either:
1) View the source on the page, note that style is in style.css. Type
<url:
http://www.phoenity.com/newtedge/ima...lery/style.css /> into
your address bar, hit enter
2) Note that style.css does two @imports. Figure image_gallery.css is
the one you want.
3) Type <url:
http://www.phoenity.com/newtedge/ima...ge_gallery.css /> into
your address bar, hit enter.
4) Read.
ul#gallery>li ul ...
ul#gallery>li:hover ...
ul#gallery>li:hover ul ...
Those take care of the "popup".
ul#gallery ul:before ...
ul#gallery ul:after ...
Those take care of the stuff above and below the horizontal rules in the
"popups".
--
Grant Wagner <gw*****@agricoreunited.com>
comp.lang.javascript FAQ -
http://jibbering.com/faq