...

View Full Version : different style links



gpogs
11-17-2002, 11:38 AM
hey,

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 }

or

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

any help would be appreciated :thumbsup:

mouse
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>

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

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


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

<div class="div1">
Your links here
</div>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum