The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] CSS Image Sprite to align to background always

  • # August 17, 2010 at 1:10 pm

    Similar to my topic yesterday: viewtopic.php?f=2&t=8873

    I have constructed a NAVBAR with CSS Image Sprites. It’s working. However the bar is aligned to left side of the screen. I have a feeling the position: absolute and relative is what’s messing it up. However when I tried the fixes given to me in the previous topic, it creates multiple instances of the navbar or some other nonsense that does not do what I intend.

    Viewable here:

    – Any suggestions?

    # August 17, 2010 at 1:39 pm

    Hey there Hawk,

    You need to put your navlist inside your wrapper, like so:

    <div id="wrapper">

    <ul id="navlist">

    </div><!–close wrapper–>

    # August 17, 2010 at 2:07 pm


    I can’t believe I missed that.

    Thank you so much. I think I got this now from here on…hopefully.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed