Hey,

I am creating a new page where I want the sidebar links to be underlined, but the links in a seperate table specifically I want to not be underlined.

How would I go about doing that ?

Cheers,

TotalNewbie

Try this:



Where "other" is whatever you want the links to be defined for your page. You will have to put that class="other" for every link you want like that.

------------------
goodfellasweb.com

right-o-rama.

wait...NO! not right. almost, but not quite. EVERYONE does this wrong.

to do a class, the syntax for links is:
A:mode.class

Where mode is link, hover, active, or visited.

------------------
-david
<FONT size="1">Choose your future.
www.antipopculture.org </FONT s>

Wrong? It doesnt matter what order they are in. It works either way.

Like this A.other:Hover
or like this A:Hover.other

------------------
goodfellasweb.com

<FONT COLOR="#6699cc" SIZE="1" FACE="Verdana, Arial">This message has been edited by SonnyBlack on October 25, 2000 at 09:41 PM</font>

Hey,

Thanks to both of you - strange the things you forget isn't it

Works like a charm

This is how I did it ...

<style type="text/css"><!--
A:hover {color: #CC0000}
.TopBar { color: #FFFFFF; text-decoration: none}
--></style>

and then an example link was ...

<span class="TopBar">Home</span>

Cheers,

TotalNewbie

Sonny:
It's wrong. It's wrong. OK, maybe it's not really "wrong", but I know people who've done what you do (A.class:mode), had a problem, then when they switched to my syntax (A:mode.class), it worked.

besides, my word is the word.

------------------
-david
<FONT size="1">Choose your future.
www.antipopculture.org </FONT s>

I didn't just make it up If you don't believe me you can check this link and scroll down to "Navigation Menu"

http://wdvl.com/Authoring/Style/Sheets/Examples/

------------------
goodfellasweb.com

At the risk of perpetuating your "discussion" hehe

OK, I have ....

<style type="text/css"><!--
A:hover {color: #CC0000}
.TopBar { color: #FFFFFF; text-decoration: none}
--></style>

The A:hover affects all links other than those using the .topbar styles.

I now want to make the .TopBar on hover go the color #CC00000

Any ideas ????

Thanks,

TotalNewbie

You are on the right track This should work:

A.TopBar.Link {color: #FFFFFF; text-decoration: none;}
A.TopBar.Hover {color: #CC0000;}

If you just have A:Hover that makes it the default hover.

Check that link I posted. It has a lot of nice examples of this stuff.

------------------
goodfellasweb.com

Sonny,

This is what I have ....

<style type="text/css"><!--
A:hover {color: #CC0000}
.TopBar:link { color: #FFFFFF; text-decoration: none}
.TopBar:hover {color: #CC0000}
.BodyLinks { color: #000080; text-decoration: underline}
.Copyright { color: #999999; text-decoration: underline}
--></style>

The A:hover like you said is the default hover and it works on ALL links other than those I have specified the above styles to.

However, the hover color which I am trying to give the .TopBar isn't working at all

Any ideas ????

Great link BTW

TotalNewbie

That's interesting. I checked the code out and the hover color worked just fine. The only thing I can think of, is that you need to specify that .TopBar is an anchor. It didn't make a difference on my computer, but it's worth a try.

<style type="text/css">
<!--
A:hover {color: #CC0000;}
A.TopBar:Link {color: #FFFFFF; text-decoration: none;}
A.TopBar:Visited {color: #FFFFFF; text-decoration: none;}
A.TopBar:Hover {color: #CC0000;}
A.BodyLinks { color: #000080; text-decoration: underline;}
.Copyright { color: #999999; text-decoration: underline;}
//-->
</style>

And the semicolons after each style won't hurt

------------------
goodfellasweb.com