Welcome to WebmasterWorld Guest from 54.163.52.98

Forum Moderators: incrediBILL

Message Too Old, No Replies

Does link color have to be the same

on the entire page?

     

grnidone

10:15 pm on Jun 22, 2001 (gmt 0)



All I want to do is have the link color in the navigation bar be different than it is for the rest of the page.

I am probably missing something obvious, but I can't figure it out.

-G

evinrude

10:18 pm on Jun 22, 2001 (gmt 0)

10+ Year Member



Can certainly do it through CSS by making a seperate class for the type of links. On our internal site we have a couple of different types of links so we alter font size and color to indicate them.

minnapple

2:57 am on Jun 23, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<a href=""><font face="arial" color="123456">link</font></a>

grnidone

4:00 am on Jun 23, 2001 (gmt 0)



a-HA!

I knew it was something simple. Thanks Minneapple!

-G

mivox

8:15 am on Jun 23, 2001 (gmt 0)

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Beware, specifying the color in the font tag doesn't work reliably on ALL browsers (sometimes the <body> tag or browser default link colors override your font tag specifications).... especially on Mac browsers.

I looked for different HTML and CSS based methods for specifying more than one different link color on one page during my last site re-design... I couldn't find anything that worked reliably enough cross-platform/cross-browser to actually use.

grnidone

10:54 pm on Jun 23, 2001 (gmt 0)



I actually solved the problem a different way: I changed the color combination so the links could be the same color on the whole page.

-G
(one who has used 'old school' web design until now.)

knighty

8:29 am on Jun 25, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Its very simple to use crossbowser CSS for diff coloured links.

Just create normal a:link styles then create something like a.diff:link
then when you want to use the different link just do

a href="whatever.html class="diff"

Ta-Da!

The above has been tested in NN6, NN4.7. Opera and IE on both PC and Mac.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month