Results 1 to 2 of 2

Thread: display:inline;

  1. #1
    Join Date
    Oct 2006
    Posts
    60
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default display:inline;

    Okie i want to make a menu with nested unordered lists.

    the top-level menu should be horizontal so i add a CSS rule
    Code:
    #menu ul li {
    display:inline;
    }
    the problem is that after that and the second-level would appear horizontal, instead of vertical that i want, and have the same properties with the first level..

    How can i bring back the normal list behaviour?

    Thanx..

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    What you really want here is the child selector, #menu>ul>li. Unfortunately, IE6 doesn't support this little gem, so you'll have to override it:
    Code:
    #menu ul li {
      display: inline;
    }
    
    #menu ul ul li {
      display: list-item;
    }
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

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
  •