Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › sidebar hover trouble

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 9, 2013 at 3:09 pm #43272
    mdrd88
    Participant

    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 #127611
    Greysquirrel
    Participant

    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 #127622
    mdrd88
    Participant

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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.