Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Adding second drop down menu

    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#

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    Good morning charisma44,
    You just need to add another ul. Follow the layout of the drop that's working and you'll be fine.
    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

  • #3
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,692
    Thanks
    22
    Thanked 1,830 Times in 1,814 Posts
    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

  • #5
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •