Help modifying appearance of some links (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


BeTheBall -> Help modifying appearance of some links (1/25/2005 12:38:05)

I can use the following to have my links be green with a dashed underline:

a:link {color: green;}
a:visited {color: green;}
a.active {color: green;}
a:hover {background-color: #ffffff;}
a {text-decoration: none;border-bottom: 1px dashed}

My problem is this, I only want to apply the above style to some of the links on the page, not all. I thought I could do that by changing the above to:

glossary.a:link {color: green;}
glossary.a:visited {color: green;}
glossary.active {color: green;}
glossary.a:hover {background-color: #ffffff;}
glossary.a {text-decoration: none;border-bottom: 1px dashed}

And then chaning my link tag to add:

class="glossary"

Evidently, I am not quite on base. Any thoughts for this CSS wannabe?




BeTheBall -> RE: Help modifying appearance of some links (1/25/2005 12:46:15)

Nevermind. Found it. I need to have a.glossary not glossary.a.

Must say I find CSS a blast!




jaybee -> RE: Help modifying appearance of some links (1/25/2005 13:11:34)

Duane

Get yourself a css reference chart from Visibone or use the one at www.w3schools.org.

It makes life much simpler.

[:D]




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
3.100586E-02