PDA

View Full Version : Seperate Link Colors?


Solidus
06-15-04, 08:50 PM
Sorry if this does sound newbie-ish, but I tried this on another forum and received some help, but not enough to really completely help me.

Okay, I have a website with two navigation bars - one on the left, and one on the right. I have seperate font colors for each, but I don't know how to have seperate link-colors. Here's part of my CSS so far:

A:link
{
COLOR: #1295D2; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
.nav1
{
FONT-SIZE: 10px; COLOR: #C0790A; FONT-FAMILY: Verdana
}
.nav2
{
FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana
}

How would I go about making a sperate link color (one that is orange) that would go for my second nav bar? I heard from someone at the other forum that I would need to include a "class." I don't know how to add this. Could someone help me out with the code?

Furthermore, how would I go about implimenting it into my site? The code I currently have for my nav bar is:

<font class="nav1">

How would that change with the updated code?

nekeno12
06-15-04, 11:51 PM
a.nav1:link { FONT-SIZE: 10pt; COLOR: #C0790A; FONT-FAMILY: Verdana; }
a.nav1:visited { FONT-SIZE: 10pt; COLOR: #C0790A; FONT-FAMILY: Verdana; }
a.nav1:hover { FONT-SIZE: 10pt; COLOR: #C0790A; FONT-FAMILY: Verdana; }

a.nav2:link { FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana; }
a.nav2:visited { FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana; }
a.nav2:hover { FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana; }


call nav1 or nav 2 in your A HREF like <a href="" class="nav1">

Solidus
06-16-04, 02:37 AM
Wow nekeno12. I have to say that you have helped me out the most. Thanks!

nekeno12
06-16-04, 08:14 PM
No Problem