homepage Welcome to WebmasterWorld Guest from 184.72.69.79
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
Need CSS Help with a hover element
DrDel




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

 

DrDel




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

thanks in advance

Furiat




msg:4144001
 6:20 pm on May 30, 2010 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved