Announcement Announcement Module
Collapse
No announcement yet.
problem styling multiple lists... Page Title Module
Move Remove Collapse
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • problem styling multiple lists...

    #1
    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

    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

        Comment


        • #5
          *fans the air*

          What a smelly post this is. Did one of you two fart?

          Comment


          • #6
            *hands CA some incense sticks*

            It was definitely Mike.

            Comment


            • #7
              >>>tiptoes out of thread, holding nose, just in case.

              Comment

              Google search Google search Module
              Collapse
              Latest Topics Latest Topics Module
              Collapse
              • rdan173's Avatar
                Commented to Another Drawing
                I'm starting to redo most of the illustration. I started again by doing another simplified, vector like sketch of my original sketch. I've only finished the face area. Anymore help you can offer?
                ...
              • FabianB's Avatar
                Commented to Xbox One icon
                Funny,someone already found my icon and used it for their app (4th app in the list): https://play.google.com/store/search?q=xbox+one&c=apps
                He just added a green background. Funny to see though...
              • PanToshi's Avatar
                Hello and welcome to the GDF.



                PLEASE NOTE: this site is currently undergoing a major update/upgrade, and things are still a bit buggy. They are working on it and hope to have...
              • PanToshi's Avatar
                Vintage is a very broad term. Vintage could = Victorian or it could mean1970's. I hope that you and your client narrowed nailed down the vintage era they are looking for.



                How...
              • Toaster8's Avatar
                Thanx for the reply. Well what interests me about graphic design is that you as designer get to use your creativity to create things that other people will not only see but implement in their everyday...
              • Gnomic's Avatar
                Hi,

                I would like to make some mobile skins, but i dont know what material i would need to get?
                - Adhesive
                - Printable
                - Leave no residue, when you take it off
                - Reposition...
              • Buda's Avatar
                Commented to What's for lunch?
                Yum. I do love salmon sandwiches. The bakery near me do great smoked salmon bagels. It's not a bagel shop so they don't jack up the prices.



                Today I had leftovers. Chorizo and...
              • Buda's Avatar
                Hi Trophi, I work in print and have designed invitations for all my my design career. In fact my first design job was at a personal stationery printing company and I most of my projects were weddings...
              All Creative World Network All Creative World Network Module
              Collapse
              WebMediaBrands
              Mediabistro | SemanticWeb | Inside Network
              Jobs | Education | Research | Events | News
              Advertise | Terms of Use | Privacy Policy
              Copyright WebMediaBrands Inc. All rights reserved.
              Working...
              X