Grow your CSS skills. Land your dream job.

Rollover Navigation…

  • # January 10, 2010 at 10:36 pm

    I’m working on a site where I want to include a little design element when you rollover a link.

    It is kind of working at the moment, however I would like the text to be below the little icon you seen when in the hover state.

    Any ideas? Do I need to put something in a separate div?…

    http://www.highhorse.wildspiritdesigns.com/

    Thanks!
    Lyle

    Rob
    # January 11, 2010 at 4:27 am

    Firstly I would say that you need to rework that area a little, using padding like that isnt too bad but you really dont need it. But with the need for speed, modify the bolded lines and it *should* work – you might want to check IE though… padding + IE = hell – which is why I would avoid using it as well…

    #navigation a {
    padding:10px 10px 18px;
    }

    #navigation a:hover, ul#nav li a:active {
    background:url(images/hoverbutton.jpg) no-repeat center 25px;
    }

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

You must be logged in to reply to this topic.

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