Web Hosting Talk







View Full Version : CSS help - div as hyperlink


scottelliott
02-08-2008, 06:38 PM
I have this website that i am using CSS for much of the styles.

I have used hotspot hyperlinks in parts of the images. Now there is the blue line that a hyperlink in html normally has around the entire div the hotspot is in. If clicked its the purple colour that a clicked (visited) hyperlink has.

The link to the page in question is
itxtme.com/still_lime/os_z_b.html

This only occurs in IE, it is not occuring in Opera. All the other links are working correctly. All source is in the webpage (view/source code)

the specific style code is:

a:link {
color:#4E5647;
text-decoration:none;
}
a:visited {
color:#4E5647;
text-decoration:none;
border-style: none
}

a:hover {
color: #5D8B1B;
text-decoration: none;
background-color: transparent;
border-color: #5D8B1B;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}

I have tried various variations including border: 0; still no luck! Like i said if you view this with opera it behaves as designed, but view with IE or firefox and the blue line is around the div. So why is it defaulting back to generic hyperlink standards and ignoring my style sheet????

Regards

Scott

dancom96
02-08-2008, 06:55 PM
Try
img { border: 0px;}

scottelliott
02-08-2008, 07:09 PM
You my friend are a legend! Thankyou kindly!

dancom96
02-08-2008, 09:02 PM
You my friend are a legend! Thankyou kindly!
No problem xD