Help with changing colour of hyperlinks

[sing2trees]

Hi,

I'm sorry to ask what probably seems a really simple question...

I have a web page, and don't want the hyperlink underlined apart from when you hover over it. I have the following code entered:

<style type="text/css">
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline;}
</style>

But all the links come out in the set blue colour. I would like to have different links in different colours. Can anyone suggest what I can do?

I use Dreamweaver MX.

Many thanks

Ben

[karinne]

add color: #900; and change the HEX to whatever color you want.

Might want to have a look at some tutorials? HTMLDog

[sing2trees]

Thanks - I wll check out those tutorials.

Where do I add the 'color: #900;' code? And I assume that I replace #900 with the hex of the colour I want for that link?

Thanks again

Ben

[moojoo]

also its link, visited, hover, active I believe.

[sing2trees]

Sorry - where abouts do I add the colour code? Am trying to avoid using the graphic one and use the code view, but am just slowly learning!

[Lchad]

No problem.. we are happy to help!

Code: Select all

 <style type="text/css">
a:link {text-decoration: none;
color: #000000
}
a:visited {text-decoration: none;
color: #FF0000
}
a:hover {text-decoration: underline;
color: #666666
}
a:active {text-decoration: none;
color: #333333
}

</style>

.

Use a small "letter a" and also make sure to always have them in this order.
a:link
a:visited
a:hover
a:active

Other members taught me to think of Love Hate

[sing2trees]

Thanks - and I like the Love Hate way of remembering! I have added that code, but that will have all the links on the page the same colour. Can I do it so for example:
Link 1 - hover is #666666
Line 2 - hover is #000000

etc
Thanks again,
Ben

[Lchad]

You will have to do different names for each navigation. Nav1 and all it's css
nav2 will have it's own code.
make sense?

[sing2trees]

Yep! I have basic css knowledge - but I know what you mean! Many thanks for your help!

[karinne]

Bah ... I should have sent you to the CSS Beginner FAQ thread I created

[moojoo]

you can do it several ways i.e. a {} a.foo {} #foo a {}, p a {}, ul li a {} etc etc... depending on your requirements.