Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Senior Member duck444's Avatar
    Join Date
    Feb 2003
    Location
    east coast
    Posts
    402
    Member #
    751
    Liked
    2 times
    Does anyone know how to get the drop down menu for the links in the upper left hand corner of my page to display right underneath their parent links?

    http://www.thedailysearch.com/bingsearch.html#

    When you scroll over the top links the drop down menus display to the right and it makes them hard to click on because they disappear as soon as you move your mouse of the parent link...

    I would like them to display underneath the parent link but I can't figure out where in the code to control their position...I've never worked with this particular code before...Thank you! BTW, this is a non javascript css drop down menu.

    Here is the css code:

    HTML Code:
      #nav {
        zoom:1;
        padding-bottom:2em;
      }
      
    
      
      #nav a span {
        font-size:.9em;
      }
      
      #nav ul {
        list-style-type:none;
      }
    
      #nav ul li ul {
        background:transparent url() top left no-repeat;
      }
      
      #nav ul li {
        float:left;
        margin-right:0.1em;
        border:0.1em solid #000;
      }
      
      #nav a {
        padding:0.0em 0em;
        background:#b2bdc4;
        display:block;
        color:white;
        text-decoration:none;
      }
      
      #nav a.arrow {
        padding-right:2em;
        background:#eee url()center left no-repeat;
      }
      
      #nav a.arrow:hover,
      #nav a:hover {
        background-color:#b2bdc4;
        color:red;
      }
      
      #nav ul li ul {
        position:absolute;
        display:none;
        padding-top:0.2em;
        margin-left:-0.1em;
      }
      
      #nav ul li:hover ul {
        display:block;
      }
      
      #nav ul li:hover ul li ul {
        display:none;
      }
      
      #nav ul li ul li:hover ul {
        display:block;
      }
      
      #nav ul li ul li:hover ul li ul {
        display:none;
      }
      
      #nav ul li ul li ul li:hover ul {
        display:block;
      }
      
      #nav ul li ul li {
        float:none;
        margin:0;
        border:0.1em solid #ddd;
        margin-bottom:0.1em;
        width:5em;
      }
      
      #nav ul li ul li ul {
        margin-left:0em;
        margin-top:-1.8em;
        padding-left:0.2em;
        display:none;
      }

  2.  

  3. #2
    Senior Member duck444's Avatar
    Join Date
    Feb 2003
    Location
    east coast
    Posts
    402
    Member #
    751
    Liked
    2 times
    Nevermind...i found a better menu that works! Thanks!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:25 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com