Current location: Hot Scripts Forums » General Web Coding » CSS » Seperate Link Colors?


Seperate Link Colors?

Reply
  #1 (permalink)  
Old 06-15-04, 07:50 PM
Solidus Solidus is offline
New Member
 
Join Date: Jun 2004
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Seperate Link Colors?

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?
Reply With Quote
  #2 (permalink)  
Old 06-15-04, 10:51 PM
nekeno12 nekeno12 is offline
Wannabe Coder
 
Join Date: May 2004
Location: CO
Posts: 214
Thanks: 0
Thanked 0 Times in 0 Posts
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">

Last edited by nekeno12; 06-15-04 at 10:54 PM.
Reply With Quote
  #3 (permalink)  
Old 06-16-04, 01:37 AM
Solidus Solidus is offline
New Member
 
Join Date: Jun 2004
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Wow nekeno12. I have to say that you have helped me out the most. Thanks!
Reply With Quote
  #4 (permalink)  
Old 06-16-04, 07:14 PM
nekeno12 nekeno12 is offline
Wannabe Coder
 
Join Date: May 2004
Location: CO
Posts: 214
Thanks: 0
Thanked 0 Times in 0 Posts
No Problem
Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
how to link to insert pages samkry ASP 0 06-13-04 11:14 PM
Random link of the day mdhall PHP 1 04-28-04 01:17 AM
$ in http:// link via email? GG Dart PHP 2 01-15-04 11:23 AM
Passing a table or variable through a link? chinablack1480 PHP 1 12-07-03 03:55 AM
Different type of link counter mdhall Script Requests 2 10-10-03 01:19 PM


All times are GMT -5. The time now is 01:33 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.