...

View Full Version : Adding second drop down menu



charisma44
11-18-2012, 04:46 PM
I have a drop down menu on my site, now I want to add another drop down off of one of my other drop down menu tabs.

http://www.cjwebconsulting.com/joey/index.html#

Excavator
11-18-2012, 05:02 PM
Good morning charisma44,
You just need to add another ul. Follow the layout of the drop that's working and you'll be fine.

charisma44
11-18-2012, 05:10 PM
I tryed that. Off of Destination is North America. LIke to have a drop menu off of North America. I thought it would be simple.

Excavator
11-18-2012, 05:53 PM
I tryed that. Off of Destination is North America. LIke to have a drop menu off of North America. I thought it would be simple.

Start with this in your markup

<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Destination</a>
<ul>
<li><a href="#">North America</a>
<ul>
<li>added menu items</li>
<li>added menu items</li>
<li>added menu items</li>
<li>added menu items</li>
</ul>
</li>
<li><a href="#">Central America</a></li>
<li><a href="#">South America</a></li>
<li><a href="#">Europe</a></li>
<li><a href="#">Caribbean</a></li>
<li><a href="#">Africa</a></li>
<li><a href="#">Middle East</a></li>
<li><a href="#">Australia</a></li>
<li><a href="#">Asia</a></li>
</ul>
</li>
<li><a href="resources.html">Resources</a></li>
<li><a href="comments.html">Comments</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!--end navigation--></div>

And target it in your CSS, because it will need to be styled and positioned differently than your other drop, with this

#navigation ul li ul li ul {
css goes here
}
#navigation ul li ul li ul li {
css goes here
}

charisma44
11-18-2012, 05:54 PM
Thank you :cool:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum