UBB.Developers Forums Community Development Programming HTML, CSS, and JavaScript Links and underlines

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
Choose your future.
www.antipopculture.org

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

This message has been edited by SonnyBlack on October 25, 2000 at 09:41 PM

Hey,

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

Works like a charm

This is how I did it ...



and then an example link was ...

Home

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
Choose your future.
www.antipopculture.org

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 ....



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 ....



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.



And the semicolons after each style won't hurt

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