CodingForums.com - Adding second drop down menu

Quote:

Originally Posted by charisma44 (Post 1293007)

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

}