Re: [css-d] a:hover border-bottom not showing up in IE?

2005-06-29 Thread Ingo Chao

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?

2005-06-28 Thread Jason Baker

 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?

2005-06-28 Thread Peter Williams
 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?

2005-06-28 Thread Ingo Chao
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?

2005-06-27 Thread Peter Williams
 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/