Quote:
Originally Posted by charisma44
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
Code:
<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
Code:
#navigation ul li ul li ul {
css goes here
}
#navigation ul li ul li ul li {
css goes here
}