Gossamer Forum
Home : General : Chit Chat :

CSS help.

Quote Reply
CSS help.
I'm a bit new to CSS and I am having a bit of a delema. What I want is for all links so glow green when you hover (a:hover {color: #92C100}), except at the bottom where the text would disapear when you hover because of the back ground color. Go here to see that page in question: http://students.lambton.on.ca/...adian%20Paragliding/

I have noticed some sites are using "classes" to do this but I cannot find a good tutorial on how to do this. Does anyone have a solution using CSS NOT JS

Thanks.
Quote Reply
Re: [Unquick] CSS help. In reply to
It's working for me (IE 6, PC). Could be that your browser isn't displaying it properly.

Fractured Atlas :: Liberate the Artist
Services: Healthcare, Fiscal Sponsorship, Marketing, Education, The Emerging Artists Fund
Quote Reply
Re: [hennagaijin] CSS help. In reply to
In Reply To:
It's working for me (IE 6, PC). Could be that your browser isn't displaying it properly.


" except at the bottom "

the bottom is the same color as the hover, therefore it should disspear!
Quote Reply
Re: [Unquick] CSS help. In reply to
That's what I'm saying - when I view that page, the links at the bottom dissappear when I hover my mouse over them because they become the same color as the background. That's what you're going for, right?

Fractured Atlas :: Liberate the Artist
Services: Healthcare, Fiscal Sponsorship, Marketing, Education, The Emerging Artists Fund
Quote Reply
Re: [Unquick] CSS help. In reply to
Here is a link to a few good tutorials on CSS: http://www.gurusnetwork.com/tutorials/coding.html. Specifically, this is what you want: http://www.gurusnetwork.com/...intro/cssintro6.html & http://www.gurusnetwork.com/...intro/cssintro7.html.

[edit]I forgot: The text disappears for me too.[/edit]

Regards,
Charlie

Last edited by:

Chaz: Mar 28, 2003, 1:54 PM
Quote Reply
Re: [Unquick] CSS help. In reply to
We use classes all of the time. simply do something like


A:hover {
color: #cc0000;
text-decoration: none;
font-weight: bold;
font-family: arial,verdana,helvetica,sans-serif;
}

A:hover.bottom {
color: #cc0000;
text-decoration: none;
font-weight: normal;
font-family: arial,verdana,helvetica,sans-serif;
}


And then in your link do <A HREF CLASS="bottom" blah blah>

Sometimes I'll do everything in a class such as:

A:hover.not { blah }

A:hover.bottom { blah }

to eliminate any kind of whackiness.

I use software called "TopStyle" which is really cool for making stylesheets.

Good Luck.
Quote Reply
Re: [Watts] CSS help. In reply to
Hey thanks, all that info works great. I figured out how to do classes but i wasn't sure how to use them in the body. This works great though...

Thanks again!

Cheers