Damon Ledet » css link http://www.damonledet.com DAMONLEDET.COM Fri, 11 Nov 2011 13:01:02 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 CSS link color question http://www.damonledet.com/2008/03/css-link-color-question/?utm_source=rss&utm_medium=rss&utm_campaign=css-link-color-question http://www.damonledet.com/2008/03/css-link-color-question/#comments Tue, 11 Mar 2008 07:59:00 +0000 Damon http://new.damonledet.com/blog/2008/03/11/css-link-color-question/ From time to time I get questions from former students or people that just so happen to stumble upon my website. I decided to start logging these questions on my blog in a new category called questions.

Earlier today Dan worte:
“HI
I’m in the process of creating a new web site, my template contains different colors in different areas on the page. Some of my links are located on a blue background and some are on a white background. I set the page properties links to FFFFFF (link color and visited links to FFFFFF); the problem I’m having is that the links on the white background are not showing. Is there any way to change specific link color?
Thanks for your help.
E.D”

Check out http://www.damonledet.com/tutorial/index.cfm/name/CSS_Links the code is below. Instead of color: blue you can use hexadecimal colors like #FFFFFF

When you create the link make sure you add a class=”linkset2″ in the < a href > tag of course you can change the “linkset2″ name, if you would like but be sure you also change it in the a.linkset2:link and so on. Using this trick will allow you to have as many link colors as you would like ie a.linkset3:link, a.linkset4:link … If you really want to use best practices you should attach an external css file so all the pages in your site can use your linkset. The way I did it below is page specific.

<html>
<head>
<meta http-equiv=“content-type” content=“text/html;charset=iso-8859-1″>
<title>CSS two color link page</title>
<style type=“text/css” media=“screen”>
<!–
a:link { color: blue }
a:visited { color: blue }
a:hover { color: purple }
a:active { color: red }
a.linkset2:link { color: purple }
a.linkset2:visited { color: purple }
a.linkset2:hover { color: olive }
a.linkset2:active { color: red }
–>
</style>
</head>
<body bgcolor=“#ffffff”>
<p><a href=“#”>Link 1</a></p>
<p></p>
<p><a href=“#” class=“Linkset2″>Link 2</a></p>
</body>
</html>

 

]]> http://www.damonledet.com/2008/03/css-link-color-question/feed/ 5