View Single Post
Old 11-18-2012, 04:53 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by charisma44 View Post
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
}
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote