Announcement Announcement Module
Collapse
No announcement yet.
problem styling multiple lists... Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • seamas
    Reply to Rolex submariner using pen tool
    seamas
    It's well done, what is it for?

    It is vector?
    Today, 02:08 PM
  • seamas
    Reply to Logo for Skincare Line
    seamas
    I like it, but whenever I see something like this I always need to suggest looking up the Fibonacci Sequence --as it is so often seen in nature--especially in flowers.
    Today, 02:07 PM
  • PrintDriver
    Reply to Need software recommendation
    PrintDriver
    I gotta tell you, I have never received a Blender file for print and certainly never for production.
    I guess I'll have something to look forward to charging setup fees for.
    My only encounter...
    Today, 02:05 PM
  • HotButton
    Reply to software possibilities
    HotButton
    For most of my career, graphic design support for engineering and manufacturing (or their support of my output) has been at least part of my job, and the presence of CAD-platform material has been an...
    Today, 01:51 PM
  • Sureshr
    Reply to Choosing an business name suffix: design, graphic design, creative, agency, etc?
    Sureshr
    Hi,

    Most of the designing people choose like design, designs, creative, services, graphic, ect....

    Just think different and choose different. because it's show your creative...
    Today, 01:48 PM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
X
Conversation Detail Module
Collapse
  • 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

              Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
              Working...
              X