Help Please

Can somone tell me why my navigation links are being underlined on some of my pages...

The site: http://www.gervaisworld.com

Now, an example of them being underlined: http://www.gervaisworld.com/ricky-gervais-audio.html

Also, on, for example, this page: http://www.gervaisworld.com/donate.html

Some of the links are grey

Anyone got any idea? I'm stumped as everything for my nav links is defined in en external css so how could it be changing on certain pages....

 

Try to remove text-decoration: underline; from body ( www. gervaisworld.com/ricky-gervais-audio.html ):

 

Yeh but it happens on some other pages as well, also it's all in an external css file so no need to define the fact it's css.

Also I need the normal links on my pages to be underlined, so if I remove that from the body then the normal links will lose the underline.

 

That's weird, I can't tell what's wrong.

But try this fix.

When you write a a href tag, insert 'class="nav"' in there.
ie: <a href="http://www.url.com" class="nav">

Then in your css file do this:

a.nav:link {
color: #000000;
text-decoration: none;
}

edit: I see what you might be doing wrong. You've got two stylesheets! You're calling an external one (css.css) but you're also defining css values within the page itself. Get rid of the css in the page. For ex you hvae this:

<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
a:link {
color: #767676;
}
a:visited {
color: #767676;
}
a:active {
color: #767676;
}
a:hover {
color: #94C258;
}
.style42 {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
body,td,th {
color: #000000;
}
-->
</style>

<!-- InstanceEndEditable -->

On http://www.gervaisworld.com/donate.html

But you're already taking the css from your external css file. Get rid of it.

 

i've already defined the navigation styles in the css and the links in the navigation are all in a <div class> defined in the css for the menu.

 

Yeah, you need to take this out:

from here: http://www.gervaisworld.com/ricky-gervais-audio.html

And this out:

from here: http://www.gervaisworld.com/donate.html

Since you've defined the div class for the navigation, that should work.

 

Yep, that was the problem. Didn't even notice that css in the template.

Thanks alot!

 

Awesome, it look great! Glad I could help.