SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Menu not expanding

  1. #1
    SitePoint Guru godsfshrmn's Avatar
    Join Date
    Mar 2001
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Menu not expanding

    Hello. For some reason I cannot get my menu to be nested. The first level works, but the second level does not.
    Take a look at http://www.eqsig.com/cp/blank.php.

    Under 'Signature Options', backgrounds should expand to two links, but they are just listed below it behind the first level menu. Is there something wrong with my CSS?

    HTML Portion:
    Code:
    <li><h2><a href="#">Signature Options</a></h2>
    
    	<ul><li><a href="http://www.eqsig.com/cp/custom_text.php">Custom Text</a></li>
    
    		<li>Backgrounds
    			<ul>
    				<li><a href="http://www.eqsig.com/cp/bg.php?cat=race">Races</a></li>
    				<li><a href="http://www.eqsig.com/cp/bg.php">Miscellaneous</a></li>
    			</ul>
    		</li>
    Thanks
    s c r i p t s f o r y o u . n e t
    ScriptsForYou

  2. #2
    SitePoint Guru godsfshrmn's Avatar
    Join Date
    Mar 2001
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have it nesting now, but it is off center and looks horrid in FF. In IE its not functional because it is not attached to the menu. It disappears once you try to move over to click on it.
    s c r i p t s f o r y o u . n e t
    ScriptsForYou

  3. #3
    SitePoint Guru godsfshrmn's Avatar
    Join Date
    Mar 2001
    Posts
    671
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could anyone take a look please?
    s c r i p t s f o r y o u . n e t
    ScriptsForYou

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    SitePoint Award Recipient Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    37,800
    Mentioned
    99 Post(s)
    Tagged
    3 Thread(s)
    HI,

    Just position the sub sub menu into place.

    Code:
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
     left: auto;
     position: absolute;
    }
    #nav li li:hover ul, #nav li li.sfhover ul {left:2em;top:1em;}
    That should be close to what you want

Bookmarks

Posting Permissions

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