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. -- Nick Atkins
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, -- Brett Parker
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, -- MJ Ray - see/vidu http://mjr.towers.org.uk/email.html Experienced webmaster-developers for hire http://www.ttllp.co.uk/ Also: statistician, sysadmin, online shop builder, workers co-op. Writing on koha, debian, sat TV, Kewstoke http://mjr.towers.org.uk/
participants (3)
-
Brett Parker -
MJ Ray -
Nick Atkins