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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Location
    Bangladesh
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Need Dropdonw menu help

    I have a website i need set dropdown menu for giganticcleanups.com
    Please take a look of my site an help me.

  • #2
    New Coder
    Join Date
    Dec 2011
    Posts
    61
    Thanks
    4
    Thanked 10 Times in 10 Posts
    Code:
    <div id="nav">
        <ul>
             <li><a href="#">Link 1</a>
                  <ul>
                      <li><a href="#">Sub_Link 1</a></li>
                  </ul>
             <li>
             <li><a href="#">Link 2</a></li>
        </ul>
    </div><!--/#nav-->
    The above is a basic setup for either a horizontal or vertical drop-down menu (styled in css or css/javascript)

    Just think of it as a staircase that goes down.

    #nav
    #nav ul
    #nav ul li
    #nav ul li a
    #nav ul li a:hover

    obviously to actually code in CSS you do
    Code:
    #nav {
          float: left;
          .....
    }
    .....

    The rest below I would search Google for I always seem to mess it up a little, but goes something like
    #nav ul li ul
    #nav ul li ul li
    ....
    Last edited by Strider64; 03-10-2013 at 12:51 PM.

  • #3
    Regular Coder
    Join Date
    Sep 2011
    Posts
    327
    Thanks
    3
    Thanked 35 Times in 35 Posts
    Quote Originally Posted by bdrana021 View Post
    I have a website i need set dropdown menu for giganticcleanups.com
    Please take a look of my site an help me.
    Have a look here: Create a Dropdown/Flyout Menu with CSS (tutorial).
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


  •  

    Tags for this Thread

    Posting Permissions

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