First off, you want to make you A a block level element. This will cure the
non-centering, since right now you are pushing the first word over to the right
with 20px of padding, and the left word has 20px of padding to the right.
Also, In bc4hkids.css @ line 117, you have:
#main a:hover {
border-bottom:1px dotted #003757;
}
but you don't have a border on it when not in hover state, which may be causing
the problem.
That's on the A, not the LI
To get rid of the other dotting, you included
a {outline: none;}
which is great.
the one pixel of dark blue on the bottom seems to be part of the background on
the LI showing thru. When i remove the margin-bottom on the LI (line 77), that
extra blue border goes away.
Also, you don't need to be redundant:
ul.nav a {
text-decoration: none;
padding: 2px 20px;
margin: 0;
color: #fff;
font-weight: bold;
text-align: center;
}
ul.nav a:hover {
margin: 0;
padding: 2px 20px;
border: none;
color: #36C; background: #fff;
}
the hover can be written as:
ul.nav a:hover {
color: #36C;
background: #fff;
}
since it inherits everything else from the previous statement.
-Estelle
CSS, JavaScript and XHTML Explained
http://evotech.net/blog
--- On Mon, 8/25/08, Kim Brooks Wei <[EMAIL PROTECTED]> wrote:
> From: Kim Brooks Wei <[EMAIL PROTECTED]>
> Subject: [css-d] superfluous borders on hover
> To: "CSS Discuss" <[email protected]>
> Date: Monday, August 25, 2008, 5:27 PM
> Hi there, people.
>
> I have a couple of extra borders on hover in my nav links.
> A dotted
> line on bottom and blue space remaining on the sides which
> ought to
> get replaced on hover by white space, but doesn't.
>
> http://thewei.com/sandbox/bc4hkidsplayground/
>
> Help appreciated as always. Be well,
> Kimi
>
> --
> This email sent by
> Kimi Wei
> http://thewei.com
> 201-475-1854
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
