2 replies [Last post]
finnsgirl
Offline
newbie
Michigan
Last seen: 6 years 21 weeks ago
Michigan
Joined: 2007-11-23
Posts: 7
Points: 0

http://www.beeswaxartist.com/johnholdeman/assets/buttons/take_up_button.png

http://www.beeswaxartist.com/johnholdeman/index.html

This image (see top link) is what I want to see when a user hovers over the main navigation buttons. Anyone have any ideas why it isn't happening? I have combed through this and cannot seem to come up with anything yet. Any help would be greatly appreciated!

Perhaps this is not the best way to do rollovers with CSS? I'll keep searching...

Thanks,
k


mod edit/moved to CSS Styling/tph

briski
briski's picture
Offline
Elder
London
Last seen: 2 years 5 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

Hi, I would imagine it

Hi,

I would imagine it would help if your images were there. I get a 404 when looking for the hover image which will make it not appear! I pointed your css at an image that existed and the hover worked just fine.

Also you could trim down you CSS a bit by combining selectors, ie

#lets_main a, #lets_main a:link {
background-image:url(assets/links/lets.png);
position:absolute;
top:555px;
left:275px;
z-index:2;
}

#lets_main a:visited {
background-image:url(assets/links/lets_button.png);
}

#lets_main a:focus, #lets_main a:hover {
background-image:url(assets/links/lets_up_button.png);
}

#lets_main a:active {
background-image:url(assets/links/lets_button.png);
}

Also don't forget the focus pseudo-class.

finnsgirl
Offline
newbie
Michigan
Last seen: 6 years 21 weeks ago
Michigan
Joined: 2007-11-23
Posts: 7
Points: 0

CSS Question

Briski,

Well I guess that was kind of embarrassing. I had not checked that specifically. Yikes.
THANKS!
k