HTML Link Colour

21-08-2010, 16:51

Hi,

HTML for Thickies #101

How do I change a HTML a href link colour?

I've read there can be different colours for the link depending on the state (never clicked, clicked etc) but I want it one colour (white) regardless of it's state.

How do I do that?

Thanks!

Sir John Luke · 21-08-2010, 18:03

http://www.codeave.com/html/code.asp?u_log=5027

punky · 21-08-2010, 18:14

Quote:

Originally Posted by Sir John Luke

http://www.codeave.com/html/code.asp?u_log=5027

That's the old way.

In your CSS file add this:

Code:

a:link {
color:#FF0000;
}
a:visited {
color:#FF0000;
}
a:hover {
color:#FF0000;
}
a:active {
color:#FF0000;
}

link = link hasn't been clicked
visted = link has been viisted
hover = mouse is over link
active = mouse is clicking link

The order they are listed is crucial!

Colours are numbers between 0-255 (as strength) converted to 2 digit hexadecimal (so 0 = 00 and 255 = FF) in the order Red Green Blue with no spaces and has a # at the start.

So red is #FF0000 etc. Black is #000000 and white is #FFFFFF

punky · 21-08-2010, 20:22

Just noticed you wanted your links white so it should be:

Quote:

a:link {
color:#FFFFFF;
}
a:visited {
color:#FFFFFF;
}
a:hover {
color:#FFFFFF;
}
a:active {
color:#FFFFFF;
}

dev · 21-08-2010, 21:26

Easier to just put them in one go:

Quote:

a:link, a:visited, a:hover, a:active { color: #FFFFFF; }

22-08-2010, 00:31

Cool - thanks - so where do I inset that code into the <a href> command?

Strzelecki · 22-08-2010, 00:38

If you want the styling inline with the href tag then you will have to use something like:

Code:

<a style="color:#FFFFFF;" href="my-page.php">Link text</a>

The code others have posted should either be in a separate stylesheet included on the page in the <head> section, like:

Code:

<head>
<link rel="stylesheet" type="text/css" href="mystylesheet.css" />
</head>
<body>
.....

or in <style type="text/css"></style> tags in the <head> section.

22-08-2010, 10:10

Thanks for the advice - all fixed up!