2 replies [Last post]
yousa
Offline
newbie
Last seen: 13 years 48 weeks ago
Joined: 2007-06-09
Posts: 4
Points: 0

I'm working on a website for my friend and I believe I have one more problem left which is one image rollover link.
It works fine with Safari but not with Internet Explorer. Any help would be much appreciated!

You can view the website http://www.projectathleteinc.com/web20/

Here's the code I have in the CSS file:

.rollover a {
display:block;
width: 145px;
height: 1px;
padding:0 0 16px 7px;
margin: 0 0 0 1px;
font: bold 16px verdana;
color:#003da2;
background: url("img/palogo.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 17px;
color: #000000;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It doesn't work in FF

It doesn't work in FF either, you need to shift the image position negatively:

background-position:0 -19px;

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

yousa
Offline
newbie
Last seen: 13 years 48 weeks ago
Joined: 2007-06-09
Posts: 4
Points: 0

Big thanks Hugo, I got it

Big thanks Hugo, I got it working!
Tricky stuff making stuff work with IE!