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

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • Namibia
    Reply to business card design
    Namibia
    I will show you some updates. 2 variations.



    The orange is on both sides of cards.
    I chose 10 QR code, because in it is Vcard.
    Companys name is on other side of card...
    Today, 05:08 AM
  • PrintDriver
    Reply to in need of urgent help
    PrintDriver
    If someone pulls a prank, they're the arse. Glad my boss doesn't take kindly to pranks. We have fun, of course, but anything that costs the company money? Not so much.
    Yesterday, 11:18 PM
  • Buda
    Reply to New design lover here
    Buda
    Welcome Sasa.
    Yesterday, 10:13 PM
  • Buda
    Reply to in need of urgent help
    Buda
    I agree, the borders are too heavy.

    Don't stretch the text. Use it at 100% scale only.

    Personally, I don't think you need vertical lines at all. Just horizontal rules would...
    Yesterday, 10:12 PM
  • Buda
    Reply to Business Card Critique
    Buda
    The back and the front look like branding for two completely different businesses.

    What pt size is your contact details? It looks a bit too small from here. I wouldn't go under 8pt. You might...
    Yesterday, 10:09 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors 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 © 2014 Mediabistro Inc. call (212) 389-2000 or email us
              Working...
              X