Results 1 to 9 of 9

Thread: second level ul display inline?

  1. #1
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default second level ul display inline?

    OK, I've done this countless times, but I'm apparently having a brain fart.

    Can anyone refresh my memory on how to display a second level ul horizontally rather than vertically? (used as submenu on :hover)

    Here's what I've been trying...
    Code:
    #cmd ul li ul {
       left:-999em;
    }
    #cmd ul li:hover ul {
       display:inline;
       left:auto;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  2. #2
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    You want the list items <li> to display inline, not the entire unordered list. Try:

    Code:
    #cmd ul li:hover li {
       display:inline;
    }

  3. #3
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    no dice. Tried that one too. I'm thinking maybe something in my code is overriding it, I just can't find it yet. LOL
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  4. #4
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Josh does the submenu have its own class or id?

    and do you reference that selector specifically anywhere in the css?

    What medyman said is typically how to achieve the affect.

  5. #5
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    no, it doesn't have it's own class or id, but there are 5 submenu levels supported via nested styling... so i'm fairly sure that i have something that's overriding it somewhere... I just haven't found it yet.
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  6. #6
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    WOW 5 levels is a lot... typically I recommend 3 levels total maximum

    if you have 5 sub-levels I don't know if it would be best used in a dropdown :|

  7. #7
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    well, i can't *legally* give out all the particulars... but i've been "snatched up" so to speak. I'm writing the css menu code for a software development company which they will then put into their software.

    I normally don't go above 2 sublevels, but the head honcho said he wants to support up to 5 levels... So five levels it is! LOL
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  8. #8
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    I understand your dilemma and I have been there in the past, however as the professional, you should be telling the client the pro's and con's of such a large dropdown.

    and yes I know you do this development stuff on the side, but as the developer you are the professional and he is the client.

    If he still insists on his way, then create it with their idea, but make your own life easy by thinking about your way too, so when you show the client the product and they truly see what a disaster it was, you dont have to spend another huge amount of time correcting what you said was not a good idea in the first place... of course you shouldn't actually tell the client this... just explain to them and get a signature for additional resources and time you will need to re-develop the modal the way you know works.

    Anyway, good luck

  9. #9
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    yea, I think I'm going to have to. Dropdowns are fairly simple in css, AS LONG AS they're vertical!

    I haven't had ANY issues yet with displaying 5 sublevels vertically... it's trying to make 5 horizontal sublevels that is really giving me headaches. LOL
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

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
  •