Thu, 2008-02-21 15:46
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
Thu, 2008-02-21 16:45
#1
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.
Sat, 2008-02-23 23:44
#2
CSS Question
Briski,
Well I guess that was kind of embarrassing. I had not checked that specifically. Yikes.
THANKS!
k