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

    2 Columns for sub menus?

    I recently made a horizontal drop-down menu. My question is how do I make columns for the sub-items. I have quite a few items and instead of one really like drop down menu I would like for 3 columns. I know there has to be a pretty simple solution if anyone could help.

  • #2
    New Coder
    Join Date
    Feb 2009
    Location
    Saint Anthony, Indiana
    Posts
    19
    Thanks
    12
    Thanked 0 Times in 0 Posts
    What is the website with the current menu? Do you have a site with an example of what you want as well?
    Last edited by JeannetteK; 03-10-2009 at 03:06 AM. Reason: spelling

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    If you are looking for a multi level drop down menu, see http://htmldog.com/articles/suckerfish/dropdowns/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you have a site with an example of what you want as well?
    Last edited by WA; 03-19-2009 at 07:12 AM.

  • #5
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    This is the style I'm looking for help with

    As of now I am looking to add a lot of different sub items in my dropdown and instead of having a really long list I would like it broken up into columns.

    It's set up just with a simple unordered list.

    <div class="navigation">

    <ul id="cssmenu1">

    <li><a href="index.html">HOME</a></li>

    <li><a href="openings.html">&nbsp;OPENINGS</a>

    <ul>
    <li><a href="roylopez.html">Roy Lopez</a></li>
    <li><a href="Dutch.html">Dutch</a></li>
    <li><a href="English.html">English</a></li>
    <li><a href="KingsGambit.html">King's Gambit</a></li>
    <li><a href="QueensGambit.html">Queen's Gambit</a></li>
    <li><a href="CaroKann.html">Caro-Kann</a></li>
    </ul>
    </li></ul>

    I'm looking for the site to look like http://www.ns.nl/ or even better http://www.whitehouse.gov/ I really just want something simple to implement that can break up the dropdown menu. Thanks for the help.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    They are nesting a set of <ul>s inside the first level <li>s like
    Code:
    <ul>
      <a href="#">some link</a>
      <div>
           <ul>
               <li>link 1 of set 1</li> 
          </ul>
          <ul>
               <li>link 1 of set 2</li> 
          </ul>
          <ul>
               <li>link 1 of set 3</li> 
          </ul>
      </div>
    </ul>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    New to the CF scene
    Join Date
    Mar 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    My site is www.thechesswebsite.com I am very new to web design and it took me a few months to even get up what I have up. Sadly I'm not at the point where I can look at the whitehouse website and figure out how to implement the code into my site without messing everything up. Any help with some basic code that would make things work would be greatly appreciated.


  •  

    Posting Permissions

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