Changing link colours in dreamweaver

**Harvey** · 02-16-2005, 01:21 PM

I'm familiar with dreamweaver, but am having real problems with links at the moment.

I need the links at the top to be pink, and all other links on the page to be gold. I want all new links I put on there to be the default gold.

How do I do this?

Whenever I change the default links colour, the existing ones at the top chnge too.

**ghettobert** · 08:26 PM

set the default links to your 'gold'. Then insert the navigation which needs to be pink in a DIV and give the DIV an ID and style the ID.

The idea is that all the default links are gold, and the pinklinks are in a DIV which is kind of a container which can be given an id. CSS recognizes this ID and can set different linking styles to this ID which are in this case pink.

Example;

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
a:link {
	color: #CC9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC9900;
}
a:hover {
	text-decoration: none;
	color: #CC9900;
}
a:active {
	text-decoration: none;
	color: #CC9900;
}
#pinklinks a:link, #pinklinks a:visited, #pinklinks a:hover, #pinklinks a:active{
	color: #FF99FF;
	text-decoration: none;
}
-->
</style>
</head>

<body>

<div id="pinklinks">
	<a href="#">Pink link 1</a><br />
	<a href="#">pink link 2</a><br />
	<a href="#">pink link 3</a>
</div>

<a href="#">golden link 1</a><br />
<a href="#">golden link 2</a><br />
<a href="#">golden link 3</a> 

</body>
</html>

**Harvey** · 02-20-2005, 10:30 AM

Thanks for the help there; that really helped