Get a free trial // Grow your CSS skills // Land your dream job

Design Help with Nav Bar

  • # November 6, 2008 at 10:15 am


    Here is the basic design idea. The header is 645 x 150. How should I approach getting this design to work.

    Any idea or suggestions would be great.


    # November 6, 2008 at 3:15 pm


    If you care, I found a solution over at Web Design Wall.



    # November 6, 2008 at 7:09 pm

    Chris has a simpler one I don’t know if you came accross it

    # November 7, 2008 at 2:55 pm

    Hey Jonz,

    Thanks for the link. I did not see that tutorial. I like the simplicity of Chris’s menu but the tutorial on Web Design Wall deals with positioning of the button which is crucial for my design to work.

    Overall, two very cool tuts

    Thanks for the reply


    # November 8, 2008 at 7:23 am

    why not nest divs???

    start with your main container
    then add (as many as you like extra containers) containers for certain parts of the nav bar.

    I would experiment but quickly I thought of:
    main container for your black part
    adding a div for the main logo
    then adding a div for your nav bar itself.


    div class=”nav3″>link3


Viewing 5 posts - 1 through 5 (of 5 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