Forums

ponyack

Hi,

Here is the basic design idea. The header is 645 x 150. How should I approach getting this design to work.
http://www.ponyack.com/cssimages/navbar-help.jpg

Any idea or suggestions would be great.

Ponyack

ponyack

Hi,

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

http://www.webdesignerwall.com/tutorials/advanced-css-menu/

Thanks

Ponyack

Jonz

Chris has a simpler one I don't know if you came accross it
http://css-tricks.com/new-screencast-three-state-menu/

ponyack

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

Ponyack

ikthius

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=\"black_container\">
    <div class=\"logo\"><a href=\"\"><img src=\"\"></a></div>
    <div class=\"nav1\"><a href=\"\">link1</a></div>
    <div class=\"nav2\"><a href=\"\">link2</a></div>
div class=\"nav3\"><a href=\"\">link3</a></div>

ik

treehouse : what would you like to learn today?

Forums

Design Help with Nav Bar