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: [email protected]
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: [email protected]
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
******************************************************
