tvbtoday Posted September 7, 2008 Share Posted September 7, 2008 Does anyone know how I can make a horizontal drop down menu? Do you have the html code that I can use? For example, so like this:http://megcabot.com/I tried getting the code from this blog, but it didn't work for some reason.http://www.alistapart.com/articles/horizdropdownsThanks! Link to comment Share on other sites More sharing options...
thescientist Posted September 7, 2008 Share Posted September 7, 2008 i think you need CSS for that kind of drop down effect Link to comment Share on other sites More sharing options...
Natechs Posted September 7, 2008 Share Posted September 7, 2008 CSS or if you are advanced JavaScript but CSS is a little easier. Link to comment Share on other sites More sharing options...
Kingy Posted September 8, 2008 Share Posted September 8, 2008 You can make drop downs with pure CSS, or you can use a mixture of css and javascript.www.dynamicdrive.com has some brilliant examples. Link to comment Share on other sites More sharing options...
Jerry62704 Posted September 8, 2008 Share Posted September 8, 2008 Does anyone know how I can make a horizontal drop down menu? Do you have the html code that I can use? For example, so like this:http://megcabot.com/I tried getting the code from this blog, but it didn't work for some reason.http://www.alistapart.com/articles/horizdropdownsThanks!I use the one from Stu Nicholls on cssplay. If you go to my site, you will see a dropdown with multiple levels and a little graphic in front of each. You have a lot of options on his site, however.www.LiberalsWin.com for a sample. Link to comment Share on other sites More sharing options...
tvbtoday Posted September 10, 2008 Author Share Posted September 10, 2008 I use the one from Stu Nicholls on cssplay. If you go to my site, you will see a dropdown with multiple levels and a little graphic in front of each. You have a lot of options on his site, however.www.LiberalsWin.com for a sample.Thanks Jerry62704! I went to the site you recommended, but the webmaster does have the CSS/html code for all his tutorials. I visited the "menu" page and it only has the CSS code for the first few links. As for the "Menu - Definition List", he doesn't have the codes.Anyway, I found another code for a drop down menu at http://sperling.com/examples/menuh/, but it only works in Firefox and not IE. What can I do to make it function in IE? The menu shows up in IE , but there is not drop down. Am I missing a code for it to work in IE?Thanks. Link to comment Share on other sites More sharing options...
redwall_hp Posted September 10, 2008 Share Posted September 10, 2008 You could try the ever-popular Suckerfish menu: http://www.alistapart.com/articles/dropdowns/ Link to comment Share on other sites More sharing options...
Jerry62704 Posted September 11, 2008 Share Posted September 11, 2008 Thanks Jerry62704! I went to the site you recommended, but the webmaster does have the CSS/html code for all his tutorials. I visited the "menu" page and it only has the CSS code for the first few links. As for the "Menu - Definition List", he doesn't have the codes.Anyway, I found another code for a drop down menu at http://sperling.com/examples/menuh/, but it only works in Firefox and not IE. What can I do to make it function in IE? The menu shows up in IE , but there is not drop down. Am I missing a code for it to work in IE?Thanks.Stu's menus (cssplay) are css only menus. That's why I used them - no javascript that a user could turn off. He has tons of those type of menus. But you can find lots of others on other sites.To have a menu work on IE 6 or under you have to put part of it in tables. The general idea is to have a list floated or displayed inline. That gives you the horizonal layout. Within each of those <li>, you can have new unordered lists which are the drop downs. I find it tedious to position them which is why I use pre-canned menus. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.