Forum Moderators: not2easy

Message Too Old, No Replies

CSS navbar issue?

css navbar links

         

VisitFortErie

8:06 pm on Jan 4, 2010 (gmt 0)

10+ Year Member



Hi all, as you can see i'm new here.

I have a problem with some css navbar coding, where the style associated with it goes over every single link on the whole page.

I'm wanting the code to apply to the navbar only, but for some reason the other links pick up the style

I have some code here:

It includes <ul> and <li> tags.

li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
font-family:Arial;
font-size:14px;
color:#FFFFFF;
background-color:#010066;
text-align:left;
padding:9px 20px;
text-decoration:none;
text-transform:none;
}
a:hover,a:active
{
background-color:#0200b6;
}

tonynoriega

9:15 pm on Jan 4, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



you should do something like:

#navbar li a:link, #navbar li a:visited{
...stuff here
}

#navbar li a:hover, #navbar li a:active{
...stuff here
}

swa66

10:29 pm on Jan 4, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'd check the library for e,g, this.
[webmasterworld.com...]