Page 1 of 1

Please help! Simple CSS not working.

Posted: Mon Jun 11, 2007 8:37 am
by tecktalkcm0391
I can't seem to get the links to change color (to brown) and have no underline until hover....

I've tried both ids and classes.

Code: Select all

#page a:link {text-decoration: none; color:#663300; font-weight:bold;}
#page a:visited {text-decoration: none; color:#663300; font-weight:bold;}
#page a:active {text-decoration: none; color:#663300; font-weight:bold;}
#page a:hover {text-decoration: none; color:#663300; font-weight:bold;}

Code: Select all

<a href="/" class="page" id="page">Home</a>

Posted: Mon Jun 11, 2007 8:42 am
by tecktalkcm0391
Nevermind I got it. Stupid websites that lie.
Its has to be...

Code: Select all

a.page:link {text-decoration: none; color:#663300; font-weight:bold;}
a.page:visited {text-decoration: none; color:#663300; font-weight:bold;}
a.page:active {text-decoration: none; color:#663300; font-weight:bold;}
a.page:hover {text-decoration: none; color:#663300; font-weight:bold;}

Posted: Mon Jun 11, 2007 8:45 am
by superdezign
:lol: Right. Also, more than one element can't have the same id. The id represents one single element.

Posted: Mon Jun 11, 2007 9:46 am
by tecktalkcm0391
I got one more question...
I have an image with the class of "page" how do I get it to NOT have a border. If I add border:none; nothing happens.

Posted: Mon Jun 11, 2007 9:58 am
by Jenk

Code: Select all

img.page { border: 0px; }