HTML and CSS

CSS getting a:hover to work. (#links a)

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Jun 2005

Posts: 104

Reputation: Pim is an unknown quantity at this point

Solved Threads: 0

Pim

Offline

Junior Poster

CSS getting a:hover to work. (#links a)

Feb 19th, 2008

I've got the following css:

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

a:hover {background-color:#ff3300};
#links a
{
 
color: #FFFFFF;
 
background-color: #CC00CC;
 
width:6em;
 
heigth:6em;
 
padding:0.2em 1.5em;
 
 
 
}
 
body {background-color: #000000};

The problem is that I want the hover to work, just as what is in #links a. The problem is, it seems, is that they are not compatible with each other; the one I put on top works, the other doesn't. How can I solve this?

Thank You.

(Anohter quick question: what would be a good way to make everything float to the left?)

•

Join Date: Mar 2007

Posts: 1,429

Reputation: Nichito is an unknown quantity at this point

Solved Threads: 29

Nichito

Offline

Nearly a Posting Virtuoso

Re: CSS getting a:hover to work. (#links a)

Feb 19th, 2008

well... i think it should work by specifying the a:hover as anither class in the #links id... like this:

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
#links a
{
   code
}
 
#links a:hover
{
   code
}
#links a
{
   code
}

#links a:hover
{
   code
}