Links in css, want to make several different link-colors

Hey

I'm making a website for a class that I'm taking, and i ran into a problem today. I want to make several different colored links, but i don't know how to do it. My question is:

How do i make several different colored links (eg. one red, one blue without underlining, one green etc.) with css?

Thanks,
Jakob

.Cyanide,

There's multiple ways to attain a multiple link style scheme.

A most common usage is IDs or classes.

For an example, we'll use IDs.

From there, within your wrapper, id="navigation" or id="content".

I hope this helps.

I want to change the border of my image from dark grey to white when hovering over the image. Your code didn't seem to work for that =/

Well, you didn't specify that. All you asked about was a link.

border: 1px solid #HEX;

Change the hex code per ID.

didn't work either =/ I think there's something wrong with that code cos when i change it to "border: 1px solid #000000;" all the links in the menu goes crazy, they shouldn't do that when they don't even have the same class.

Try using

or if you use an id

You can break it up, if needed, as well.

Have seperate styling for your <img> tag, and keep the above link styles.

You need to do it like

a.red:link, a.red:active, a.red:visited { // attributes }
a.red:hover { // attributes }

Then your HTML would be

<a href="#" class="red">Link</a>

This is my html code for the image tag (i have several images with the same class):

<td><a href="http://www.jakobgrannas.com/portfolio/Client%20work/Asian%20dating/homepage%20copy.png" class="bildlink"><img src="thumbs/asiandating.jpg" width="70" height="70" class="thumbsleft" alt="" border="1"></a></td>

And this is my css:

a.bildlink:link {
border-color: #c0d02f;

}

a.bildlink:visited {
border-color: #c0d02f;

}

a.bildlink:active {
border-color: #c0d02f;

}

a.bildlink:hover {
border-color: #727272;

}

try this

<td class="bildlink"><a href="http://www.jakobgrannas.com/portfolio/Client%20work/Asian%20dating/homepage%20copy.png"><img src="thumbs/asiandating.jpg" width="70" height="70" alt="" class="thumbsleft"></a></td>

.bildlink a {
border:1px solid #color;
}

.bildlink a:hover {
border:1px solid #hovercolor;
}