CSS question

[sunflowertami]

Hi,

Hoping someone would lend some advise on a style line I'm trying to accomplish on NavEZpages.

I want the #navEZPages a:link, hover, visited and everything else to be underlined. However I would like it to only affect the #navEZPages. I have these on my stylesheet right now:

#navEZPagesTOC ul li a {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:visited, #navMain ul li a:visited, #navSupp ul li a:visited, #navCatTabs ul li a:visited {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:link, #navMain ul li a:link, #navSupp ul li a:link, #navCatTabs ul li a:link {
color: #2b2b2b;
text-decoration: underline;
}


a:link {
color: #2b2b2b;
text-decoration: none;
}

a:visited {
color: #2b2b2b;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #2b2b2b;
text-decoration: underline;
}

a:active {
color: #2b2b2b;
}


Now, my question is, since the controls are on the #navEZPages, how come the a:hover, visited, active etc are still controlling the navEZPages style? Is there something wrong with my coding?

Any advise towards the right coding would be appreciated. Thanks!

[clydejones]

Hi,

Hoping someone would lend some advise on a style line I'm trying to accomplish on NavEZpages.

I want the #navEZPages a:link, hover, visited and everything else to be underlined. However I would like it to only affect the #navEZPages. I have these on my stylesheet right now:

#navEZPagesTOC ul li a {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:visited, #navMain ul li a:visited, #navSupp ul li a:visited, #navCatTabs ul li a:visited {
color: #2b2b2b;
text-decoration: underline;
}

#navEZPagesTOC ul li a:link, #navMain ul li a:link, #navSupp ul li a:link, #navCatTabs ul li a:link {
color: #2b2b2b;
text-decoration: underline;
}


a:link {
color: #2b2b2b;
text-decoration: none;
}

a:visited {
color: #2b2b2b;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #2b2b2b;
text-decoration: underline;
}

a:active {
color: #2b2b2b;
}


Now, my question is, since the controls are on the #navEZPages, how come the a:hover, visited, active etc are still controlling the navEZPages style? Is there something wrong with my coding?

Any advise towards the right coding would be appreciated. Thanks!

You need to style the following id in your stylesheet:

#navEZPagesTop

[sunflowertami]

That did it!! Thanks so much!

You need to style the following id in your stylesheet:

#navEZPagesTop

[clydejones]

Glad to help