Announcement

Collapse
No announcement yet.

problem styling multiple lists...

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • problem styling multiple lists...

    I have an unordered list for my navigation, and it works fine. I'm trying to style another unordered list that will be used for lists in the content. Every time I give properties to the list item it affects my nav list item. I can fix this by going class happy, but I'm trying to avoid it.

    I have my nav styled like this, the list is in a div called navigation...

    #navigation { width: 980px; height: 60px; position: relative; margin: 0 auto;}
    #navigation ul { width: 800px; height: 60px; }
    #navigation ul li { float: left; display: inline; list-style-type: none; text-indent: -9999px}
    #navigation ul li a { display: block; height: 60px;}


    And I'm simply trying to style all my other lists like this...

    ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-position: inside; list-style-type: none;}
    ul li { margin-bottom: 22px; padding-left: 36px;}


    if I add a class to the navigation ul that will probaby work, but I'm tryign to avoid it. Thanks!

  • #2
    If your main content is in a separate div from your navigation, then just specify the styles based on that div:

    #contentMain ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-position: inside; list-style-type: none;}
    #contentMain ul li { margin-bottom: 22px; padding-left: 36px;}

    Digi
    The world is divided into people who think they are right.
    —Anonymous

    Comment


    • #3
      Originally posted by digizan View Post
      If your main content is in a separate div from your navigation, then just specify the styles based on that div:

      #contentMain ul { font-size: .857em; font-family: Arial, Verdana, san-serif; color: #3f9aa1; list-style-position: inside; list-style-type: none;}
      #contentMain ul li { margin-bottom: 22px; padding-left: 36px;}

      Digi
      Thanks, that worked. I must have been having a pretty bad brain fart!

      Comment


      • #4
        Originally posted by MikeTheVike View Post
        I must have been having a pretty bad brain fart!
        Happens to me all the time.

        Digi
        The world is divided into people who think they are right.
        —Anonymous

        Comment


        • #5
          *fans the air*

          What a smelly post this is. Did one of you two fart?
          Professional Pixel Pusher — Designing the world around you. | Working daily to reach 10,000 hours of practice.

          Comment


          • #6
            *hands CA some incense sticks*

            It was definitely Mike.
            The world is divided into people who think they are right.
            —Anonymous

            Comment


            • #7
              >>>tiptoes out of thread, holding nose, just in case.
              "Lucy, you got some 'splainin' to do!" - Ricky Ricardo

              Comment

              Search

              Collapse

              Advertisement

              Collapse

              Latest Topics

              Collapse


              Incredible Stock
              GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright © 2016 Mediabistro Holdings
              Working...
              X