1,105,578 Community Members

creating menu and submenu

Member Avatar
teshi
Newbie Poster
2 posts since Mar 2009
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

please how can I create menu and submenus using html code

Member Avatar
PsychicTide
Junior Poster
148 posts since Aug 2008
Reputation Points: 42 [?]
Q&As Helped to Solve: 18 [?]
Skill Endorsements: 0 [?]
 
0
 

You could use CSS or any number of javascripts to accomplish this... just google drop down menu and you'll find what you need.

Member Avatar
itsjareds
Junior Poster
103 posts since May 2009
Reputation Points: 29 [?]
Q&As Helped to Solve: 13 [?]
Skill Endorsements: 0 [?]
 
0
 

just google [...] and you'll find what you need.

+1

Is that not the answer to everything?

Member Avatar
PsychicTide
Junior Poster
148 posts since Aug 2008
Reputation Points: 42 [?]
Q&As Helped to Solve: 18 [?]
Skill Endorsements: 0 [?]
 
0
 

lol you make a persuasive argument... that's how I found Dani web =)

Member Avatar
sreein1986
Posting Whiz
306 posts since May 2008
Reputation Points: 0 [?]
Q&As Helped to Solve: 33 [?]
Skill Endorsements: 2 [?]
 
0
 

we can design drop down menu(sub menus) using through css and JavaScript. It is very easy to do drop down menu in Dreamweaver.

below link have many types of drop down menu with CSS and JavaScript, please check
http://www.dynamicdrive.com/dynamicindex1/indexc.html

Member Avatar
MJ Pieterse
Junior Poster
144 posts since Mar 2009
Reputation Points: 2 [?]
Q&As Helped to Solve: 18 [?]
Skill Endorsements: 0 [?]
 
0
 

i think it would be easiest to create a li menu with css styling. for example your html code will be something like:

<ul id="nav">
  <li><a href="home.html">Home</a>
  <ul>
    	<li>&nbsp;</li>
    </ul>
  <li><a href="Eat/EatHome.html">Eat</a></li>
  <li><a href="Drink/DrinkHome.html">Drink</a></li>
  <li><a href="help.html">Help</a></li>
  <li><a href="../options.html">Options</a></li>
</ul>

and your css would be for example:

/*nav*/

#nav {
	position:relative;
	width:755px;
	padding:0 0 28px 15px;
	margin-left:11px;
	float:center;
	list-style:none;
	line-height:25px;
	background:#004E69;
	font-size:12px;
}
#nav LI {
	float:left;
	margin:0;
	padding:0;
	display:block;
}
#nav A {
	display:inline;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:#004E69;
	margin:0;
	padding:0px 15px;
	border:0;
}

#nav A:hover,
#nav A:active,
#nav A.here:link,
#nav A.here:visited {
	color:#FF9900;
}

#nav A.here:link,
#nav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#nav UL {
	position:absolute;
	left:0;
	top:25px;
	float:center;
	background:#EBEBEB;
	width:757px;
	margin:0;
	padding:3px 3px 8px 10px;
	list-style:none;
	height:20px;
	font-size:11px;
}
#nav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}
#nav UL A {
	background:#EBEBEB;
	color:#FF3300;
	display:inline;
	margin:0;
	padding:0 10px;
	border:0
}

#nav UL A:hover,
#nav UL A:active,
#nav UL A.here:link,
#nav UL A.here:visited {
	color:#024e85;
}

just add your own style to it, and your own headings. the second ul li is your sub menu

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article