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

  • whereisrando
    Reply to Help pick my logo for photography, feedback appreciated
    whereisrando
    Hmm. I brought back the "I"s while adding a camera as you mentioned, though I do agree about the gear point. At least this shouldn't resemble a telescope as much. Plus a better favicon.
    ...
    Today, 03:56 AM
  • Buda
    Reply to Help Identifying Fonts
    Buda
    The sans serif is really close to Bliss Bold and the italics is really close to Century Book Italic. Both not exact though.
    Today, 03:38 AM
  • Buda
    Reply to letterpress printer in Vancouver, USA
    Buda
    Welcome! I mostly work in offset print and we see clients request a certain letterpress look every now and then....
    Today, 03:19 AM
  • Buda
    Reply to Logo&Website for charity
    Buda
    I like the general design aesthetic but I'm not 100% sure it suits a charity for seniors. It looks more like a company (science, pharma or tech) for younger people.

    Also, yellow text on light...
    Today, 03:13 AM
  • Buda
    Reply to My head hurts...
    Buda
    Yeah, it can be painful when you see people you know do stuff like this. I have just got to bite my tongue.
    Today, 02:59 AM

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