Preserved Topic: link color change (Page 1 of 1)

Hey how can I change link color in the same site(two different links and two different link colors)? Could it be done with CSS?

Sure. In fact, that's one of my favorite things about CSS. Just use the psuedo class "A:link." Like this...

<STYLE TYPE="text/css">

A:link.style1 { color: #FF0000 }
A:link.style2 { color: #00FF00 }

</STYLE>

Then apply the styles in the appropriate link tags...

<A HREF="somewhere.html" CLASS="style1">This link is red.</A>

<A HREF="somewhere_else.html CLASS="style2">This link is green.</A>

And there's also A:active, A:visited and A:hover, which set the ALINK and VLINK colors, as well as a rollover color, which unfortunately only work in IE as of yet.

Hey THANKS man!!! I just read the CSS manual from http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html and now I'm much more wiser! Now I can upload my pages to net even today! THANK YOU!!!

-Time is always against me-

this works too and its probably easier:

<a href=".">
<font color="red">red Link</a></font>

But .css allows you to make globabl changes to all related links just by changing the relevant style info. If you're building a site with more than one page, .css is the way to go!

Pat Richard
Web weenie

Plus, that's actually bad HTML, tags should NEST, not jigger-jagger like that. Try this instead...

<a href="."><font color="red">red Link</font></a>

Works for a quick fix, I've done it myself on sites where the .css file got too big, and I really needed to change just one link, like on the splash page.

Your pal, -doc-<P>

Well im sorry. <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

Hrmph. Well, OK. Say two "Hail Doctors" and an "Ave DocOzone" and all will be forgiven! <img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">

Your pal, -doc-<P>