Page 1 of 1

How to create horizontal menu?

Posted: Tue Dec 04, 2007 12:58 pm
by blade_922
Hey,

Topic sounds easy. But what im looking for is knowing the best way to create a horizontal menu that has a sub menu underneath. Its a bit more complex.

There are 2 levels. Top row has all the menu pages and beneath that i want sub links for each of those menu's when on that page.

Perfect Example: http://www.videogamer.com 's menu



Home | News | Archive | Reviews | Previews
- Soap News - Sports News - Weird News



You see what i mean? I have fireworks photoshop and dreamweaver. What would be the best way to create a menu like this?

Regards

Posted: Tue Dec 04, 2007 1:31 pm
by Christopher
Take a look at their code (you can add line breaks ;)). They use a styled list. Here is the link to the stylesheet (the section PRIMARY NAV is the pertinent section).

http://static.videogamer.com/shared/css/style.css

Re: How to create horizontal menu?

Posted: Tue Dec 04, 2007 3:13 pm
by RobertGonzalez
blade_922 wrote:I have fireworks photoshop and dreamweaver. What would be the best way to create a menu like this?
Not with photoshop or dreamweaver.

Try playing around at http://www.cssplay.co.uk and look at the menus section. Stu Nichols has put together quite a collection of cool menus like what you want.

Posted: Tue Dec 04, 2007 5:28 pm
by blade_922
ive created a menu in fireworks and made scroll over images on the primary nav and when clicked it sits on that primary menu tab. But still confused a little on how to make a different secondary nav come up on different primary menu's

Posted: Wed Dec 05, 2007 1:45 am
by jmut
blade_922 wrote:ive created a menu in fireworks and made scroll over images on the primary nav and when clicked it sits on that primary menu tab. But still confused a little on how to make a different secondary nav come up on different primary menu's
This is simple php... when you click on a link of primary menu...there is id passed with link... this id shows what submenues content should be...and when page reloads...you build the new menues for specific primary menu... style stays the same for all submenues ...just their content is different based on the id passed from clicking primary menue...

Posted: Wed Dec 05, 2007 1:50 am
by s.dot
Think of it just like simple html.
Different pages have different sub menus.

You could even hard code this in HTML if you'd like.

Posted: Wed Dec 05, 2007 6:47 am
by blade_922
oh kay i get it now.

So i could have the primary nav and each of those primary nav pages has an ID. I could make a mysql table and have same id's as the primary nav with the menu's in them tied to that ID. Then make whichever ID page its on load that menu.

Oh kay i get ya now.

Also If you go to the same website. You see at the bottom how they have a box when you click a tab it automatically loads the content without refreshing when you click. Thats javascript there using right?

Posted: Wed Dec 05, 2007 7:37 am
by matthijs
blade_922 wrote: Also If you go to the same website. You see at the bottom how they have a box when you click a tab it automatically loads the content without refreshing when you click. Thats javascript there using right?
Yes. Take a look at this example with jquery
http://www.stilbuero.de/jquery/tabs/