SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Increasing space between items in Bullet List

    I'm working in dreamweaver and attempting to increase the space between bulleted items. I had thought that entering a value in the Margin attribute would do it but it's not. Any help would be appreicated.

    Thanks
    Mike

  2. #2
    Motivated Procrastinator seriocomic's Avatar
    Join Date
    Jan 2003
    Location
    Outside the bubble
    Posts
    1,275
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by treemike View Post
    I'm working in dreamweaver and attempting to increase the space between bulleted items. I had thought that entering a value in the Margin attribute would do it but it's not. Any help would be appreicated.

    Thanks
    Mike
    There's a couple of different CSS methods to apply to the <li> tags:
    Try setting padding (top, bottom or both) or line-height

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought padding only controls the space between the content and the border?
    I have the margin set at 15 which should show a result in terms of the spacing but nothing seems to get it to move.

  4. #4
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Top / bottom margins on the <li>s should work - can you post the code you are using ?

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I bumped the bottom and top margins way up - no help yet

    Thanks

    }
    .Goldbullet {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #996600;
    padding: 3px;
    font-style: normal;
    list-style-position: inside;
    list-style-image: url(../images/graphic_elements/bluebullet_ar.gif);
    margin: 20px 0px 20px;
    }

  6. #6
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Will need to see the full html and css code for the page, as setting margins on the <li>s should work unless some other styling is over-riding this.

  7. #7
    SitePoint Enthusiast
    Join Date
    Aug 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's a lot here, sorry for that. Let me know if you need me to focus in on anything. Thanks

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html><!-- InstanceBegin template="Templates/basicpage.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <style type="text/css">
    
    <!--
    .style1 {font-size: 18px}
    -->
    
    </style>
    <style type="text/css">
    
    <!--
    .style4 {font-size: 16px}
    -->
    
    </style>
    <!-- InstanceEndEditable -->
    <link rel="stylesheet" title="Disabled for Preview-in-Browser: /styles/verdana.css" type="text/css">
    <style type="text/css">
    <!--
    
    
    
    -->
    </style>
    <link rel="stylesheet" title="Disabled for Preview-in-Browser: /styles/verdana.css" type="text/css">
    <style type="text/css">
    <!--
    
    * {margin:0;padding:0}
    body {
      font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    td {
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }
    
    th {
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
    }.lftnavheading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 900;
        text-transform: capitalize;
        color: #000099;
        background-color: #D8B03E;
        text-align: center;
        vertical-align: top;
    }
    .bluebody {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bolder;
        color: #003399;
        vertical-align: text-top;
    }
    .producthome {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
    }
    .lftnavlist {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 20px;
        font-weight: bold;
        color: #996600;
        text-decoration: none;
        text-indent: -10px;
        margin: 0px;
        padding: 0px 0px 0px 14px;
        list-style-position: inside;
        list-style-image:   url("images/graphic_elements/bluebullet_ar.gif");
        white-space: nowrap;
        text-align: left;
    }
    .lftnavlist2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #996600;
        text-decoration: none;
        text-align: left;
        text-indent: 12px;
        white-space: nowrap;
        margin: 0px;
        padding: 0px 0px 0px 14px;
        list-style-position: inside;
        list-style-image:   url("images/graphic_elements/bluebullet_ar.gif");
        line-height: 15px;
    }
    .lftnavlist a:link {
        text-decoration: none;
        color: #996600;
    }
    .lftnavlist a:visited {
        text-decoration: none;
        color: #996600;
    }
    .lftnavlist a:hover {
        color: #003366;
        text-decoration: none;
        background-color: #CCCC99;
    }
    .bluebodyhead a:link {
        color: #000066;
        text-decoration: none;
    }
    .bluebodyhead a:visited {
        color: #000066;
        text-decoration: none;
    }
    .bluebodyhead a:hover {
        color: #0066FF;
        background-color: #CCCC99;
    }
    .hometext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #003399;
    }
    .detailsbodytxt {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        text-indent: 4px;
        list-style-position: inside;
        list-style-type: disc;
    }
    .bluebodyhead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: bolder;
        color: #000066;
        text-decoration: none;
    }
    .trademarksm {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bolder;
        color: #000000;
        text-decoration: none;
    }
    .amazonbl {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #003399;
        text-align: center;
    }
    .amazonwht {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        background-color: #CC9900;
        text-align: center;
    }
    .lftnavlist2 a:link {
        text-decoration: none;
        color: #996600;
    }
    .lftnavlist2 a:visited {
        text-decoration: none;
        color: #996600;
    }
    .lftnavlist2 a:hover {
        color: #003366;
        background-color: #CCCC99;
        line-height: normal;
    }
    .rackorderhead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000066;
        text-decoration: none;
    }
    .rackorderhead2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #000066;
        text-decoration: none;
        font-style: normal;
        text-align: center;
    }
    .showcase {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        color: #996600;
        text-decoration: none;
    }
    .pride {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
    }
    .rackprodhead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bolder;
        color: #000066;
        text-decoration: none;
    }
    .rackdetails {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        color: #000066;
    }
    .testimonial {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #000000;
    }
    .linkttxt {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #996600;
        text-decoration: none;
    }
    .linkttxt a:link {
        color: #996600;
        ;
        text-decoration: none;
    }
    .linkttxt a:visited {
        color: #996600;
        text-decoration: none;
    }
    .linkttxt a:hover {
        color: #003366;
        text-decoration: none;
        background-color: #CCCC99;
    }
    .oldprice {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bolder;
        color: #000066;
        text-decoration: none;
        text-align: center;
    }
    .newprice {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #996600;
        text-align: center;
    }
    .linktable {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        color: #333399;
        text-decoration: none;
        padding: 9px;
    }
    .policies {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        padding: 9px;
        font-size: 12px;
        font-weight: bolder;
        text-indent: 0px;
        list-style-position: outside;
    }
    .testimonialblue {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        color: #000066;
        padding: 9px;
        font-style: normal;
    }
    .detailshead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #000000;
        text-indent: 4px;
        list-style-position: inside;
    }
    .detailspadded {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-indent: 2px;
        padding: 5px 5px 5px 17px;
        list-style-position: outside;
        list-style-type: circle;
    }
    .saleprice {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #FF0000;
        text-align: center;
    }
    .details-lesspadded {
    
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-indent: 2px;
        padding: 1px 1px 1px 12px;
        list-style-position: outside;
        list-style-type: circle;
    }
    .Holidayhead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #333399;
        background-color: #33CC33;
        text-decoration: none;
        border: medium groove #FF0000;
        background-repeat: no-repeat;
    }
    .Holiday {
    
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333399;
        background-color: #33CC33;
        text-decoration: blink;
        border: medium none;
        background-repeat: no-repeat;
    }
    .paddedblue {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        color: #000066;
        padding: 16px 16px 8px 5px;
        font-style: normal;
        list-style-position: inside;
        list-style-image:  url("images/graphic_elements/bluebullet_ar.gif");
    }
    .Goldbullet {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        color: #996600;
        padding: 3px;
        font-style: normal;
        list-style-position: inside;
        list-style-image:  url("images/graphic_elements/bluebullet_ar.gif");
        margin: 20px 0px 20px;
    }
    
    
    -->
    </style>
    </head>
    
    <body>
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-3063809-1";
    urchinTracker();
    </script>
    <table width="900" cellspacing="0">
      <tr valign="top">
        <td height="96" colspan="2"><div align="left">
          <table width="890" border="0" cellpadding="0">
            <tr>
              <td width="437" height="90" rowspan="3"><img src="images/specials/gslogoshortxmas.jpg" width="413" height="133"></td>
              <td width="41" rowspan="3">&nbsp;</td>
              <td width="433" align="center" valign="middle"><img src="images/specials/holidaysale.gif" width="358" height="46"></td>
            </tr>
            <tr>
              <td align="center" valign="middle"><img src="images/graphic_elements/404spacer.gif" width="404" height="1"></td>
              </tr>
            <tr>
              <td align="center" valign="middle"><div align="center"><a href="racks.htm#profile"><img src="images/See_wall_intro.gif" width="412" height="47" border="0"></a></div></td>
              </tr>
          </table>
        </div></td>
      </tr>
      <tr>
        <td colspan="2" align="center" valign="middle"><img src="images/graphic_elements/longgoldline.gif" width="900" height="7"></td>
      </tr>
      <tr>
        <td colspan="2" align="center" valign="middle"><img src="images/graphic_elements/longblueline.gif" width="900" height="7"></td>
      </tr>
      <tr>
        <td width="193" height="1077" valign="top"><table width="227" border="0" cellpadding="24" background="images/graphic_elements/vertgldgradient.jpg">
          <tr>
            <td width="175" height="20" class="lftnavheading">Welcome</td>
          </tr>
          <tr>
            <td height="20" align="left" valign="top" class="lftnavlist"><ul>
                <li><a href="index.htm">Home</a></li>
            </ul></td>
          </tr>
          <tr>
            <td height="20" class="lftnavheading">Products</td>
          </tr>
          <tr>
            <td align="left" valign="top"><ul>
                <li class="lftnavlist"><a href="racks.htm"> Shop for Guitar Case Racks</a></li>
                <li class="lftnavlist2"><a href="rackdetails.htm">Rack Details</a></li>
                <li class="lftnavlist2"><a href="Testimonials.htm">Testimonials</a></li>
                <li class="lftnavlist2"><a href="customer_photos.htm">Customer Photos </a></li>
                <li class="lftnavlist"><a href="http://guitarstorage.com/store/products.asp?cat=14">Guitar Stands</a> </li>
                <li class="lftnavlist"><a href="http://guitarstorage.com/store/products.asp?cat=11">Guitar Care Products</a></li>
                <li class="lftnavlist2"> <a href="http://guitarstorage.com/store/products.asp?cat=11">Neck Socks</a></li>
                <li class="lftnavlist2"><a href="http://guitarstorage.com/store/products.asp?cat=11">Humidifiers </a></li>
                </ul>
              <p>&nbsp;</p></td>
          </tr>
          <tr>
            <td height="20" align="left" valign="top" class="lftnavheading">Guitar Care Tips</td>
          </tr>
          <tr>
            <td height="48" align="left" valign="top" class="lftnavlist"><ul>
              <li><a href="tips.htm">Our Current Tip</a></li>
              </ul></td>
          </tr>
          <tr>
            <td height="20" align="left" valign="top" class="lftnavheading">Other Stuff </td>
          </tr>
          <tr>
            <td height="67" align="left" valign="top" class="lftnavlist"><ul>
              <li><a href="links.htm">Links</a></li>
              <li><a href="contact.htm">Contact Us</a></li>
              <li><a href="Policies.htm">Policies</a></li>
              <li><a href="http://guitarstorage.com/policies.htm#referral">Referral Program</a></li>
              </ul>
              <p>&nbsp;</p></td>
          </tr>
          <tr>
            <td height="32" align="left" valign="top" class="lftnavlist"><div align="center"><script language="Javascript" src="https://seal.godaddy.com/getSeal?sealID=129020970043a64d251271110a5e55d117f3f06587228365856451531"></script></div></td>
          </tr>
          <tr>
            <td height="6" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="2" align="left" valign="top" class="lftnavheading">Retailers!<br>
              <a href="mailto:info@guitarstorage.com">Contact us</a> about our<br>
              Drop Ship Program </td>
          </tr>
          <tr>
            <td height="3" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="15" align="left" valign="top" class="lftnavheading">Add us on MySpace </td>
          </tr>
          <tr>
            <td height="16" align="left" valign="middle" class="lftnavlist"><div align="center">
              <p>&nbsp;</p>
              <p><a href="http://myspace.com/guitarstorage" target="_blank"><img src="images/myspace.gif" width="99" height="42" border="0"></a></p>
              <p>&nbsp;</p>
              </div></td>
          </tr>
          <tr>
            <td height="385" align="left" valign="top" class="bluebody"><div align="center">
              <table width="100&#37;"  border="0" cellpadding="2">
                <tr>
                  <td class="amazonbl">Mike Loves Blues Guitar </td>
                </tr>
                <tr>
                  <td><div align="center">
                      <iframe src="http://rcm.amazon.com/e/cm?t=guitarstcom-20&o=1&p=8&l=as1&asins=B000PFU8GG&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=FFFFFF&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
                  </div></td>
                </tr>
                <tr>
                  <td class="amazonbl">Mike's Current Pick </td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td class="amazonwht">Bob Loves Jazz Guitar </td>
                </tr>
                <tr>
                  <td><div align="center">
                      <iframe src="http://rcm.amazon.com/e/cm?t=guitarstcom-20&o=1&p=8&l=as1&asins=B0007QJ1H0&fc1=000000&IS2=1&lt1=_blank&lc1=0000FF&bc1=FFFFFF&bg1=FFFFFF&f=ifr&npa=1" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
                  </div></td>
                </tr>
                <tr>
                  <td class="amazonwht">Bob's Current Pick </td>
                </tr>
              </table>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
              <p>&nbsp;</p>
            </div></td>
          </tr>
        </table></td>
        <td width="701" align="left" valign="top" bgcolor="#FFFFFF"><!-- InstanceBeginEditable name="mainregion" -->
        <table width="100%"  border="0">
          <tr>
            <td colspan="4" class="Holidayhead"><div align="center">The Guitarstorage <br>
      Holiday Guitar Rack Give-A-Way Contest</div></td>
            </tr>
          <tr>
            <td colspan="4"><div align="center"><span class="linkttxt">&quot;... get what you want <strong>AND what you need&quot; for the Holidays</strong></span></div></td>
            </tr>
          <tr>
            <td colspan="4"><div align="center"><span class="newprice style1">Win a NEW Pro- File&trade; Wall Mount Display Rack</span></div></td>
            </tr>
          <tr>
            <td width="25%">&nbsp;</td>
            <td width="25%">&nbsp;</td>
            <td width="25%">&nbsp;</td>
            <td width="25%">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" rowspan="6"><div align="center"><img src="images/rack_images/Wall/Wall_comp_home.jpg" alt="Guitar Wall Rack" width="299" height="360"></div></td>
            <td colspan="2" valign="top" class="Goldbullet"><ul>
              <li>Have a few guitars  to organize?</li>
              <li>Need some help fron Santa?</li>
              <li> We're here to help!</li>
            </ul></td>
          </tr>
          <tr>
            <td colspan="2" valign="top" class="paddedblue"><div align="left">Show us what you've got 
      and you could win a New Pro- File&trade; Wall Mount Display Guitar Rack. A $150 value! </div></td>
          </tr>
          <tr>
            <td height="72" colspan="2" valign="top" class="testimonial">Send us a photo of your collection. If you've got more than most, you've got a chance to win.  The winner will be drawn at random from the 25 largest collections submitted. </td>
          </tr>
          <tr>
            <td colspan="2" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" valign="top">&nbsp;</td>
          </tr>
        </table>
        <table width="100%"  border="0">
          <tr>
            <td colspan="3" class="oldprice">Some Current Entries - Show us your stuff </td>
            </tr>
          <tr valign="bottom">
            <td><img src="images/customerphoto/contest/4ergs_frontfulls3b_400w_tn.jpg" width="210" height="163"></td>
            <td><img src="images/customerphoto/contest/Carvins2006_tn.jpg" width="210" height="131"></td>
            <td><img src="images/customerphoto/contest/Guitar%20Collection%20Big_tn.jpg" width="210" height="158"></td>
          </tr>
          <tr>
            <td>Jim - Clevland</td>
            <td>Mark - Detroit </td>
            <td>Bob - Ambler </td>
          </tr>
          <tr valign="bottom">
            <td><img src="images/customerphoto/contest/guitars2_tn.jpg" width="210" height="129"></td>
            <td><img src="images/customerphoto/contest/Image461_tn.jpg" width="210" height="158"></td>
            <td><img src="images/customerphoto/contest/robot10_tn.jpg" width="210" height="166"></td>
          </tr>
          <tr>
            <td>Dave - Chalfont </td>
            <td>Joe - Miami </td>
            <td>Bill - NY </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
        <!-- InstanceEndEditable --></td>
      </tr>
    </table>
    </body>
    <!-- InstanceEnd --></html>
    Last edited by Paul O'B; Nov 24, 2007 at 07:29. Reason: code tags added

  8. #8
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You have applied the class to a <td> (what the heck are all these damn tables doing here anyway ???? ) - you need to target the <li> :
    Code:
    .Goldbullet li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    color: #996600;
    padding: 3px;
    font-style: normal;
    list-style-position: inside;
    list-style-image: url("images/graphic_elements/bluebullet_ar.gif");
    margin: 20px 0px 20px;
    }
    Please also use the code wrappers to post the code - doesn't stretch the post out as long and makes it easier to copy/paste (as well as easier to read).

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    If you talking about the ul as a whole you need to address the "ul".

    If you want the list items further apart you need to address the "li".

    Code:
    .Goldbullet ul{margin:20px 0;padding:0}
    .Goldbullet li{margin:10px 0}
    Your original goldbullet class was addressing the td and not the ul and margins will not have an effect on a table cell.
    Edit:


    Centauri beat me to it

  10. #10
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Edit:


    Centauri beat me to it
    Must have been only by seconds ....

  11. #11
    SitePoint Enthusiast
    Join Date
    Aug 2005
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Got it
    Thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •