...

View Full Version : Need CSS Help with a hover element



Bobafart
05-30-2010, 12:34 PM
Hi there,
Need some CSS guru help. If you visit my link:

http://www.gabbr.com/js/viewer/cmedata/index1.html

and hover over the years (top middles, 2008, 2009, 2010, etc) you will notice an orange bar extending from the top to the bottom of the page. I am trying to get the same effect on the left (month and day) but am unable to do so.

The problem I am having is that I cannot get the orange hover bar to extend off the left of the screen for either #dayleft or for #monthleft. It extends all the way to the right margin of the screen but not the left. The problem is the margin-left: 15px; in #monthleft and margin-left: 80px; in #dayleft. But I cannot get rid of these since I require them for the letter spacing.

Any advice?

effpeetee
05-30-2010, 01:01 PM
A Doctype might help.

Frank

Bobafart
05-30-2010, 01:45 PM
Apologies. Doctype is now present.

Advice please?

optimus203
05-31-2010, 03:38 AM
Something like this seems to work (additions are bolded):

#dayleft ul li a:hover {
position: absolute;
padding-left: 85px;
left: -80px;
display: block;
color: #000;
z-index: 3;
background: #EBBD2B;
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
width: 100%;
right: 0;
height: 30px;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum