View Full Version : different style links

11-17-2002, 11:38 AM

I was just wondering how you would make a multi-style links. meaning i'd like to have a different :active, :link, :visited, :hover in one area and another style in one area??

I saw an example of that here but i can't find it! :(

It looked something like

#link1:active { color:green; text-decoration: none; ...etc }


#link1:active, link1:hover { color:green; text-decoration: none; ...etc }

any help would be appreciated :thumbsup:

11-17-2002, 12:09 PM
You can do it using classes:

a.style1:hover{color: #003}
a.style2:hover{color: #030}

<a class="style1" href="http://">link</a>
<a class="style2" href="http://">link</a>

11-17-2002, 11:48 PM
...thx a bunch!!:D :p

11-18-2002, 12:10 AM
or you can give a div a class and it will affect all the links within that div

.div1 a:link {color: #ff0000}
.div1 a:visited {color: #0000ff}
.div1 a:hover {background: #66ff66}

<div class="div1">
Your links here

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum