Neverside

css links

im having trouble with CSS links...how can i do them with 2 or more classes? cuz like when i try and do them, one class is used for the whole page? thanks in advance.

If you want to make a specific link special then you can use id instead of class.

In your css instead of using .whatever for classes you can use #whatever for id tags and it only relates to the specific link that you have it set for.

If you don't want to be that specific then you can simple create different classes that you'd like to use for each link. For instance, you want all the links in your navigation to have certain properties, then in your css you can use a.nav to define the properties for those links, and say in your news you want them to be a different style then you can use a.news in your css.

Code:

<a class="nav" href="">Nav1</a>
<a class="news" href="">News1</a>

Hope that helps.

___________________

Tutorials - Gallery - Forum - Coming Soon!

i know how to do that but like heres my code...i think something is wrong...

<style type="text/css">

.nav
:active{text-decoration:none; color:White;}
:link{text-decoration:none; color:White;}
:visited{text-decoration:none; color:White;}
:hover{text-decoration:none; color:0A1B6F;}
.content
:active{text-decoration:none; color:navy;}
:link{text-decoration:none; color:navy;}
:visited{text-decoration:none; color:navy;}
:hover{text-decoration:none; color:blue;}
</style>

<a class="nav" href="index.html">index</a>
<a href="content" href="http://www.nhl.com">NHL.com</a>

doesnt work

Try

<style type="text/css">

.nav a:active{text-decoration:none; color:White;}
.nav a:link{text-decoration:none; color:White;}
.nav a:visited{text-decoration:none; color:White;}
.nav a:hover{text-decoration:none; color:0A1B6F;}

.content a:active{text-decoration:none; color:navy;}
.content a:link{text-decoration:none; color:navy;}
.content a:visited{text-decoration:none; color:navy;}
.content a:hover{text-decoration:none; color:blue;}
</style>

I added the class name infront of the CSS entries, should work.

___________________

nope still not good

i even tried this...

<style type="text/css">

.nav a:active{text-decoration:none; color:White;}
a:link{text-decoration:none; color:White;}
a:visited{text-decoration:none; color:White;}
a:hover{text-decoration:none; color:0A1B6F;}

.content a:active{text-decoration:none; color:navy;}
a:link{text-decoration:none; color:navy;}
a:visited{text-decoration:none; color:navy;}
a:hover{text-decoration:none; color:blue;}
</style>

btw im running MS IE 6.0 SP1 on WinXP Pro

nevermind i fixed it. thanks.

Last edited by DevilsJim89, August 2nd, 2003 04:53 PM (Edited 1 times)