Re: [WSG] Link underlines in MSIE - amended
Peter,
Thanks very much for the suggestion of a grey border on the other link
styles - you're right, it looks good.
I finally realised what was causing the bouncing; I had
"padding-bottom: 2px" on the hover state, but not on active or visited
- d'oh!! I'll get the hang of this one day...
Mary
On 10 Oct 2005, at 16:43, Peter Goddard wrote:
Mary
Do you have a border on the a:link element? I think the bouncing is
because all the link styles should have bottom border (even if the
color
is transparent) although a pale gray would look nice, which goes darker
on rollover.
#navlist a
{
text-align: left;
margin-right: 10px;
display:block;
float:left;
}
#navlist a:link, #navlist a:visited
{
border-bottom: 2px solid transparent;
}
#navlist a:hover, #navlist a:active
{
border-bottom: 2px solid #color of your choice;
}
HTH
Peter
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright
Sent: 10 October 2005 16:11
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Link underlines in MSIE - amended
Ah, the logo has appeared again now. Image is still jumping, tho'.
Mary
On 10 Oct 2005, at 15:23, Graham Cook wrote:
You need to change your " navlist a " as follows
#navlist a {
text-align: left;
margin-right: 10px;
display:block;
float:left;
}
Graham Cook
UA Oz
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
On Behalf Of Mary Wright
Sent: Monday, 10 October 2005 11:41 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Link underlines in MSIE
Hi,
I'm starting a new website and have a border-bottom style on the
a:hover menu links. It works perfectly in Safari but doesn't show up
at all in MSIE on the PC. Would a kind person take a look and tell me
where I'm going wrong?
The page is at www.zebragraphics.co.uk/porge, css at
www.zebragraphics.co.uk/porge/css/basic.css. Both validate.
Many thanks,
Mary
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
RE: [WSG] Link underlines in MSIE - amended
Mary
Do you have a border on the a:link element? I think the bouncing is
because all the link styles should have bottom border (even if the color
is transparent) although a pale gray would look nice, which goes darker
on rollover.
#navlist a
{
text-align: left;
margin-right: 10px;
display:block;
float:left;
}
#navlist a:link, #navlist a:visited
{
border-bottom: 2px solid transparent;
}
#navlist a:hover, #navlist a:active
{
border-bottom: 2px solid #color of your choice;
}
HTH
Peter
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mary Wright
Sent: 10 October 2005 16:11
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Link underlines in MSIE - amended
Ah, the logo has appeared again now. Image is still jumping, tho'.
Mary
On 10 Oct 2005, at 15:23, Graham Cook wrote:
> You need to change your " navlist a " as follows
>
> #navlist a {
> text-align: left;
> margin-right: 10px;
> display:block;
> float:left;
> }
> Graham Cook
> UA Oz
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED]
> On Behalf Of Mary Wright
> Sent: Monday, 10 October 2005 11:41 PM
> To: wsg@webstandardsgroup.org
> Subject: [WSG] Link underlines in MSIE
>
> Hi,
>
> I'm starting a new website and have a border-bottom style on the
> a:hover menu links. It works perfectly in Safari but doesn't show up
> at all in MSIE on the PC. Would a kind person take a look and tell me
> where I'm going wrong?
>
> The page is at www.zebragraphics.co.uk/porge, css at
> www.zebragraphics.co.uk/porge/css/basic.css. Both validate.
>
> Many thanks,
>
> Mary
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Link underlines in MSIE - amended
Ah, the logo has appeared again now. Image is still jumping, tho'.
Mary
On 10 Oct 2005, at 15:23, Graham Cook wrote:
You need to change your " navlist a " as follows
#navlist a {
text-align: left;
margin-right: 10px;
display:block;
float:left;
}
Graham Cook
UA Oz
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
On Behalf Of Mary Wright
Sent: Monday, 10 October 2005 11:41 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Link underlines in MSIE
Hi,
I'm starting a new website and have a border-bottom style on the
a:hover menu links. It works perfectly in Safari but doesn't show up at
all in MSIE on the PC. Would a kind person take a look and tell me
where I'm going wrong?
The page is at www.zebragraphics.co.uk/porge, css at
www.zebragraphics.co.uk/porge/css/basic.css. Both validate.
Many thanks,
Mary
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
