...

View Full Version : CSS troubles, need help



Bobafart
05-27-2010, 01:49 AM
Hi there,

I am trying to get a specific UI/menu effect but am having difficulty.

The preview is here:
http://www.gabbr.com/js/viewer/cmedata/index.html

I am trying to make a calendar. When users hover over the Month and Day on the left I am trying to make the hover CSS provide a horizontal opacity 60% highlight across the screen (same way I did it for the Year when it is hovered over except it needs to be horizontal rather than vertical).

A second problem is that the Month and Day aren't lining up in their respective elements.

The Month should be in the blue element and the Day should be in the red element container. As you can see they are shifted to the right despite the padding being 0.

Can someone please help?

The CSS is in the header of the document and it validated (save for the opacity settings)

optimus203
05-27-2010, 03:24 AM
Not sure about the horizontal highlight across the whole screen, but these revisions seemed to fix the positioning error for sidebar:



#monthleft ul {
padding-left:5px;
left: 0;
margin-left: 0;
}

#monthleft ul li{
height: 30px;
list-style: none;
}

#dayleft ul {
padding-left:5px;
left: 0;
margin-left:0;
}

#dayleft ul li {
height: 30px;
list-style: none;
}

Bobafart
05-27-2010, 09:17 PM
Optimus,

That was gold. Worked perfectly.

I didn't even think of it as a solution.

Thanks much!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum