Grow your CSS skills. Land your dream job.

sidebar hover trouble

  • # March 9, 2013 at 3:09 pm

    Okay, I am trying to make a nav bar. I would like to have where you hover over the li and the text moves to the right a bit, however, it the text only moves to the right when you hover over the text, not when you hover over anywhere in the li. Here is an example. http://jsfiddle.net/gTbWW/1/

    # March 9, 2013 at 3:22 pm

    You need to add the extra 3px of padding-left to the li:hover not to the a:hover. Remove the padding-left: 8px from the ul#sidebar li a:hover declaration. And in the ul#sidebar li:hover declaration change the width to 197px and add padding-left:3px;

    # March 9, 2013 at 5:44 pm

    Thank you very much! Can’t believe I was newb enough to not see that.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".