[WSG] CSS rollover with dynamic drop down menu

2005-08-15 Thread Stuart Sherwood 
I'm trying to combine a CSS image rollover with a drop down menu. 
Everything is working fine bar the css image rollover.


For some reason the a:hover is not being read. I've probably missed 
something very simple but just can't see it.


http://www.re-entity.com/Menu/index.htm
http://www.re-entity.com/Menu/style.css

Any help would be much appreciated.

Regards,
Stuart
**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] CSS rollover with dynamic drop down menu

2005-08-15 Thread Bert Doorn 

G'day

I'm trying to combine a CSS image rollover with a drop down menu. 
Everything is working fine bar the css image rollover.


For some reason the a:hover is not being read. I've probably missed 
something very simple but just can't see it.


Your HTML: 


 lia id=Home title=Home href=index3.jsp/a/li

Your CSS:

 #Home a:hover {background: url(Menu.gif) no-repeat 0px -14px;}

That rule will be applied to a hovered link *inside* another element that has id=Home.  
However, in your HTML *the link itself* has that id.


To fix it, either put the id on the list item (li) or change the css to 
#Home:hoverSame goes for the other links.


Hope this makes sense.

--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites 



**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**