Hi all

You have a real beginner here. I can't seem to get my head around customising the style for links. I have successfully made all the links this style:

a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none}
a:link:hover {background-color:#FFFFFF; color:#000000; text-decoration:none}
a:active {color:#CCCCCC; text-decoration:none}

but I have no success in specifying that only certain links should have that style. Should the css code be:


a.menu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none}
a.menu:link:hover {background-color:#FFFFFF; color:#000000; text-decoration:none}
a.menu:active {color:#CCCCCC; text-decoration:none}

and the html code for the links that I want shown in this style:

<a id="menu" href="company.html">About Echo</a>

Thanks
Sally in Cape Town

Hi Sally, you almost have it, but the styles you are specifying are for a class name, not an id name.

So the HTML should be:
<a class="menu" href="company.html">About Echo</a>

To match the CSS selector, a.menu.

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

Aha. Thanks so much - it's amazing how little things can bog one down at times!

Cheers
Sally

No problem, happy to help out!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design