Re: [css-d] a:hover border-bottom not showing up in IE?
Ingo Chao schrieb:
Jason Baker schrieb:
... http://www.onejasonforsale.com/
... example html:
div id=nav
a href=front.htmlhome/a
/div
most relevant css:
div#nav
{
position: absolute;
top: 90%;
left: 3%;
z-index: 2;
}
div#nav a
{
color: black;
background-color: white;
margin: 2em 0.5em;
padding: 0.10em 0.30em;
font-family: helvetica, sans-serif;
font-size: 14px;
z-index: 3;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border-top: 2px solid #00;
border-bottom: 2px solid #00;
border-left: 2px solid #00;
border-right: 2px solid #00;
}
div#nav a:hover
{
border-style: dashed;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
Only tested in your snipped (I don't want to insist ...)
Filter only apply to elements which have layout, and any dimension
will let your link gain this quallity
/* \*/
* html #nav a {height:1%}
/* */
border and filter are back, but you'll probably have to adjust the
positioning.
Jason, I have to apologize.
My fix does only work when IE6 renders the document in quirks mode (I
did just test your snippet and forgot a complete DOCTYPE setting).
In standards mode, you'll have to add layout _and_ make the link block level
/* \*/
* html div#nav a { display: block; width:3em;}
/* */
or
/* \*/
* html div#nav a { display: inline-block; }
/* */
or
/* \*/
* html div#nav a { float:left; }
/* */
to see the link border and to see the filter effect.
sorry again.
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Subject: RE: [css-d] a:hover border-bottom not showing up in IE?
From: Peter Williams [EMAIL PROTECTED]
Have you turned off the default underlining ofr links in the div?
#nav a {text-decoration:none;}
Peter, I have now added the text-decoration:none; to both relevant
sections of the css file but I still do not see a bottom border in IE.
Here are the new relevant sections:
div#nav
{
position: absolute;
top: 90%;
left: 3%;
z-index: 2;
}
div#nav a
{
color: black;
background-color: white;
margin: 2em 0.5em;
padding: 0.10em 0.30em;
text-decoration: none;
font-family: helvetica, sans-serif;
font-size: 14px;
z-index: 3;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
border-top: 2px solid #00;
border-bottom: 2px solid #00;
border-left: 2px solid #00;
border-right: 2px solid #00;
}
div#nav a:hover
{
text-decoration: none;
border-style: dashed;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
Additionally i see that you have the class named #nav a rather than
div#nav a, is there a difference? should i be doing things one way or
the other?
-jason
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: Subject: RE: [css-d] a:hover border-bottom not showing up in IE?
From: Jason Baker Peter, I have now added the text-decoration:none; ...still do not see a bottom border in IE. Additionally i see that you have the class named #nav a rather than div#nav a, is there a difference? should i be doing things one way or the other? I noted that another list member offered the information that the bottom-border problem disappeared when the text size was increased. So it is probably just a display glitch/artifact, rather than any markup of css error on your part. div#nav is more explicit and specific that #nav. If you define #nav you could use it on a div, p, h, whatever. If you define div#nav then all it can be is a div. There is no practical difference, but #nav offers more versatility, your way offers more specificity, but sinece an ID can only occur once per page it is hard to imagine why you'd need to do it that way. -- Peter Williams __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: Subject: RE: [css-d] a:hover border-bottom not showing up in IE?
Jason, is there a special reason why you didn't even tried the
suggestion in my post?
-
Filter only apply to elements which have layout, and any dimension
will let your link gain this quality
/* \*/
* html #nav a {height:1%}
/* */
border and filter are back, but you'll probably have to adjust the
positioning.
Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] a:hover border-bottom not showing up in IE?
From: Jason Baker
...in IE the bottom border doesnt change to dashed style.
Have you turned off the default underlining ofr links in the div?
#nav a {text-decoration:none;}
--
Peter Williams
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
