Welcome to WebmasterWorld Guest from 54.225.55.88

Forum Moderators: not2easy

Message Too Old, No Replies

Need CSS Help with a hover element

     
12:35 pm on May 30, 2010 (gmt 0)

New User

10+ Year Member

joined:Nov 12, 2005
posts: 10
votes: 0


Hi there,
Need some CSS guru help. If you visit my link:

[gabbr.com...]

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?
12:35 pm on May 30, 2010 (gmt 0)

New User

10+ Year Member

joined:Nov 12, 2005
posts: 10
votes: 0


thanks in advance
6:20 pm on May 30, 2010 (gmt 0)

New User

5+ Year Member

joined:May 20, 2008
posts:21
votes: 0


Try adding the following to the :hover pseudoclasses:

position:relative;
left:-XXpx;
padding-left:XXpx

Exchanging XX with the apropriate count (it will actually be a little bit more than 15px for months and 80px for days). Remember that the "left" attribute is to be negative.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members