[css-d] IE problem showing border-top for an ancor
Hi,
in my HTML test page I've tried to set a top border when I hover a
link. It does work in Firefox and Opera. Is internet explorer capable
to do that?
The HTML:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
meta http-equiv=Content-Type content=text/html; charset=utf-8/
titlenew layout/title
link href=base.css media=screen rel=Stylesheet type=text/css /
/head
body
div
a href=#posti/a
/div
/body
/html
the CSS:
a {
text-decoration: none;
color: #FFAE00;
margin-top: 3px;
border-top: 3px solid green;
}
a:hover {
color: red;
border-left: 3px solid blue;
}
and if IE is once again handicapped, is there an hack to get rid of it?
Enrico
--
The only thing necessary for the triumph of evil
is for good men to do nothing
Edmund Burke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Enrico -- The only thing necessary for the triumph of evil is for good men to do nothing Edmund Burke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem showing border-top for an ancor
Enrico Teotti wrote: I accidentally fall to this: http://ndesign-studio.com/ it has thoose links floating as block element so it get the top-border working in IE too, it's a way out... but I'm still wondering if are there any other ones... :-) Sure. Since 'float: left/right' is one of the many 'hasLayout'[1] triggers that IE' buggy rendering-engine rely on, then one of the other triggers are sure to work too - but may have negative side-effects. The addition of 'position: relative' (which does not act as a 'hasLayout' trigger, but more as a reminder that IE is supposed to 'stack' and 'paint' an element properly) usually do the trick on its own for inline-elements. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
