Comments on: How Not to do Hover Background Colors – Using CSS rather than JS Events

By: Derek

Derek — Wed, 09 Mar 2011 11:24:24 +0000

or
Home About Us Events We Cater For Some Clients and Venues Book Your Event
with css
.menu a:link{
text-decoration:none;
color:#ffffff;
font-size:16px;
padding:5px 10px 5px 10px;
background-color:#660000;
border-width:1px;
border-style:solid;
border-color:#ffffff;

}
.menu a:visited{
text-decoration:none;
color:#ffffff;
font-size:16px;
padding:5px 10px 5px 10px;
background-color:#660000;
border-width:1px;
border-style:solid;
border-color:#ffffff;
}
.menu a:hover{
text-decoration:none;
color:#ff0000;
font-size:16px;
padding:5px 10px 5px 10px;
background-color:#000000;
border-width:1px;
border-style:solid;
border-color:#ffffff;
}
.menu a:active{
text-decoration:none;
color:#ffffff;
font-size:16px;
padding:5px 10px 5px 10px;
background-color:#660000;
border-width:1px;
border-style:solid;
border-color:#ffffff;
}
god i just seen the date on this post gotta give up that red bull lol

By: Meg

Meg — Sun, 27 Apr 2008 20:02:45 +0000

The pseudoclass “:hover” tends to only work on anchors in IE.

By: Ismail

Ismail — Mon, 18 Jun 2007 06:28:22 +0000

I had:
My List 1

Where ‘list’ class was:

#list{
background: WHITE;
}

I though of trying:

#list:hover{
background: ORANGE;
}

Guess what, DIDN’T WORK!! – I said to myself, “How stupid of you to even imagine that could possibly happen?”. Then, for some reasons, I had it run on Opera AND IT WORKED PERFECT!! The tragedy is that the browser companies don’t wanna sit down and agree on ONE standard.