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

  • PrintDriver
    Reply to Colour matching
    PrintDriver
    Hot stamp? Cold? Thermal transfer? Metallic inks?
    Now with metallics in print done in several different ways, you need to be a little more specific when you say "foil."

    Are...
    Today, 03:48 PM
  • _bc
    Reply to so... What do you guys DO???
    _bc
    Hi,

    My name is Ben... and I am a graphic designer. I'm currently freelancing in Bristol UK. I work roughly 15 hours a day because I F-ING love this job! I love everything about it apart...
    Today, 02:49 PM
  • KitchWitch
    Comment on What do you want to know?
    KitchWitch
    Maybe how to show clients that the phrase, "It shouldn't take you long!" is an insult, not a relief.
    Today, 02:21 PM
  • KitchWitch
    Reply to Design Student Introduction
    KitchWitch
    Hi RCdublin and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done...
    Today, 02:18 PM
  • KitchWitch
    Reply to General Branding (Re-branding)
    KitchWitch
    Hi Just and welcome to GDF.

    We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't done anything...
    Today, 02:17 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.
              Working...
              X