Lazy Question on CSS

4WebHelp Addict Joined: 07 Jan 2002 Posts: 1060

Hi,

I want to create a CSS Style named left which does the following things for the parts of the page that I define as the class left :

- Makes all links that are defined as the left class which are not being rolled over plain white with no underline.

- When the link is rolled over, it changes colour to #6699FF but stays without an underline.

If someone could produce the CSS for me I would appreciate it, as I can't seem to get it right!

Thanks

Justin

Posted: Thu Aug 07, 2003 9:33 am (20 years, 8 months ago)

.left a:link { color: #FFFFFF; text-decoration: none }
.left a:hover { color: #6699FF; text-decoration: none }

That does it, but not if you apply it directly to the <a> tag - e.g. the class needs to go in a div etc
I don't know why but thats the only way I could get it to work Laughing

Posted: Thu Aug 07, 2003 9:41 am (20 years, 8 months ago)

yes you can I was writing it wrong, this works:

a.left:link { color: #FFFFFF; text-decoration: none }
a.left:hover { color: #6699FF; text-decoration: none }

<a href="#" class="left">Link 1</a>

4WebHelp Addict Joined: 07 Jan 2002 Posts: 1060

Darren wrote:

yes you can I was writing it wrong, this works:

a.left:link { color: #FFFFFF; text-decoration: none }
a.left:hover { color: #6699FF; text-decoration: none }

<a href="#" class="left">Link 1</a>

Thanks, worked beautifully!

Posted: Fri Aug 08, 2003 2:52 pm (20 years, 8 months ago)

in case of "id" instead of "class" the first syntax is used
#left a:link { color: #FFFFFF; text-decoration: none }
#left a:hover { color: #6699FF; text-decoration: none }

<a href="#" id="left">Link 1</a>