Would anyone be able to tell me why the following in-line style code does not work on IE6 or IE7? - the link colours do not render properly. It works fine on firefox and netscape7 and half works on safari.
<HTML> <style type="text/css"> a:link, a:visited {color : white} a:hover {color : red} </style> <a href="http://cloudesley.org" > <img src="/images/cloudesley.org.png"> </a> </HTML>
The result can be viewed here: http://cloudesley.org/new.html
Many thanks.
On Tue, Jun 26, 2007 at 01:32:20AM +0100, Nick Atkins wrote:
Would anyone be able to tell me why the following in-line style code does not work on IE6 or IE7? - the link colours do not render properly. It works fine on firefox and netscape7 and half works on safari.
<HTML> <style type="text/css"> a:link, a:visited {color : white} a:hover {color : red} </style> <a href="http://cloudesley.org" > <img src="/images/cloudesley.org.png"> </a> </HTML>
The result can be viewed here: http://cloudesley.org/new.html
Because you're relying on the border of the image actually existing, which, IIRC, is turned off by default in IE...
What you *probably* want is: <style type="text/css"> a:link img, a:visited img { border: 1px solid white; }
a:hover img { border: 1px solid red; } </style>
Cheers,
Nick Atkins nicka@northtrack.net wrote:
Would anyone be able to tell me why the following in-line style code does not work on IE6 or IE7? - the link colours do not render properly.
That'll be on ies4linux to be on-topic here, right?
According to the css charts, http://www.webdevout.net/browser-support-css it should work, but the html is totally broken. As a first step, run it through tidy.
Hope that helps,
-
Brett Parker -
MJ Ray -
Nick Atkins