CSS Forum

**smokeyjo** · 12-21-2005, 05:10 PM

Having trouble getting inline style color attributes to function properly.

<a href="link" style="color: #FFFFFF; link: #FFFFFF; visited: #FFFFFF; hover: #666666; active: #666666">

Makes my linked text the correct color, but doesn't give me the rollover action.

<a href="link" style="link: #FFFFFF; visited: #FFFFFF; hover: #666666; active: #666666">

Gives me the correct rollover action, but not the right link color.

Any thoughts?

**funkdaddu** · 05:47 PM

link, visited, hover and active are selectors not attributes. Do you have to do them inline? Why not just do them in the head? If you want certain styles for certain links, use a class as well:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<style type="text/css" media="screen"><!--
a, a:visited, a:link {
	color: #FFFFFF;
}

a:hover, a:active {
	color: #666666;
}

a.blah , a.blah:visited, a:link {
	color: #ff0000;
}

a.blah:hover, a.blah:active {
	color: #0000ff;
}

--></style>
	</head>

	<body bgcolor="#dddddd">
		<p><a href="http://www.google.com">Link 1</a></p>
		<p><a href="http://www.google.com">Link 2</a></p>
		<p><a class="blah" href="http://www.google.com">Link 3</a></p>
	</body>

</html>

**smokeyjo** · 12-21-2005, 05:57 PM

We'd like to do this inline as it will be used in a CMS and the color of the linked text will need to be changed based on a color scheme dictated by the lead image used.

I've been beating my head, but there has to be a way for this to work.

Thanks for the suggestion, though.

**funkdaddu** · 12-21-2005, 08:10 PM

Can you have a stylesheet for each colors scheme and just change the class for the anchor tags?