link color

admin · Jan 9, 2008

this might be a dumb question but is there a way to change the color of a link on the page without changing ALL the link colors on that page?? 
 
can i do it with style sheets? 
 
i need to change the color of the links in a column of a table since it looks funny with the background of the column... 
 
any ideas?You have to use an in-line style code for that 1 particular link. Or you can use style classes for groups of links. 
 
Check out the CSS tutorial on <a class="postlink" href="http://www.htmlgoodies.com">www.htmlgoodies.com</a> 
 
Good Luck!The tutorial: 
 
<a class="postlink" href="http://www.htmlgoodies.com/tutors/ie_style.html">http://www.htmlgoodies.com/tutors/ie_style.html</a>ok so that helped me in coding the style sheet, but how do i make it apply to only one portion of the table... 
 
i have this in my <td> : 
 
<style type="text/css"> 
 
</style> 
 
thats all i really want it to do but now its making the links white on every part of the page not just that <td>Hi, 
I'm not sure if this will work in all browsers but it works in mine: 
<a href=http://www.htmlforums.com/archive/index.php/"http://www.thehotweb.net">test</a> 
or this using style: 
<a href=http://www.htmlforums.com/archive/index.php/"http://www.thehotweb.net" style="color: #000080">test</a> 
Hope this helps and hope I'm right. 
Good Luck, 
PaulSure, that code will color the link. 
However, the problem is when trying to add hover and visited. As far as I know, it is not possible to apply this to the element style, as the : in a:hover creates a problem. 
On the other hand, it might be possible to define two different A styles in the document style. 
 
If anyone knows then please tell, this really annoys me.. 
 
-aslefoWhat about this one? 
 
style menu : individueel instellen: 
<A HREF=http://www.htmlforums.com/archive/index.php/"Photographsnl.htm" TARGET="hoofdscherm">Joop's Foto's</A> hacker, 
what about the vlink color?? maybe i can just change that for the whole page in the body tag...the link color itself is the main thing i need changed anyways i'll try out the suggestions you guys made and keep u posted. 
 
thanks a lot!!yep that did it! 
thanks again

yeah my code didn't do that nor did it apply the hover, it was just a simple solution. Anyway great you found the anwser. 
Pauljust add something like this into your CSS: 
 
.mylink{text-decoration:none color:#whatever} 
 
and make your links look something like: 
 
<a href=http://www.htmlforums.com/archive/index.php/"wherever.net" class="mylink">Your Link</a><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
<html> 
<head> 
<title>Untitled</title> 
<style> 
a.swiss:link {color: red; text-decoration: none;} 
a.swiss:visited{color: red; text-decoration: none;} 
a.swiss:active{color: red; text-decoration: none;} 
a.swiss:hover {color: yellow; text-decoration: none;} 
 
a.cheese:link {color: red; text-decoration: none;} 
a.cheese:visited{color: red; text-decoration: none;} 
a.cheese:active{color: red; text-decoration: none;} 
a.cheese:hover {color: #cccccc; text-decoration: none;} 
 
a.wow:link {color: red; text-decoration: none;} 
a.wow:visited{color: red; text-decoration: none;} 
a.wow:active{color: red; text-decoration: none;} 
a.wow:hover{color: blue; text-decoration: none;} 
</STYLE> 
 
 
</style> 
</head> 
 
<body> 
 
<a href=http://www.htmlforums.com/archive/index.php/"zonk.html" class="swiss">swiss</a>    
<a href=http://www.htmlforums.com/archive/index.php/"zonk.html" class="cheese">cheese</a>    
<a href=http://www.htmlforums.com/archive/index.php/"zonk.html" class="wow">w o w</A> 
 
</body> 
</html>

link color

admin

Administrator