12 replies [Last post]
blueman2
Offline
Regular
Last seen: 12 years 27 weeks ago
Timezone: GMT-5
Joined: 2008-11-06
Posts: 37
Points: 2

I'm not sure if this is the proper term but I have a class called:

".home_bullet_features"

I want to apply a additional attribute to only list items that carrying this class. What is the proper terminology for naming this.

I had thought it might be ".home_bullet_features li" but that doesn't work

Thanks

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

html?

html?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Triumph (not verified)
Anonymous's picture
Guru

blueman2 wrote:I want to

blueman2 wrote:

I want to apply a additional attribute to only list items that carrying this class. What is the proper terminology for naming this.

I had thought it might be ".home_bullet_features li" but that doesn't work

list items with that class would be targeted with li.home_bullet_features { }

The css you showed would target list items inside of something with class="home_bullet_features".

blueman2
Offline
Regular
Last seen: 12 years 27 weeks ago
Timezone: GMT-5
Joined: 2008-11-06
Posts: 37
Points: 2

thanks The name took but

thanks

The name took but I'm not accomplishing what I wanted to do which is to increase the space between list item lines. I just tried adding some bottom padding to li.home_bullet_features but that didn't do it. Do I also need to create a class called ul.home_bullet_features ?. Also, are these in fact "subclasses"?

Thanks again

Triumph (not verified)
Anonymous's picture
Guru

blueman2 wrote: Do I also

blueman2 wrote:

Do I also need to create a class called ...

No, you need to show us your flippin' HTML like Deuce asked above. Get to it.

blueman2 wrote:

Also, are these in fact "subclasses"?

No. Selectors. Why don't you try the tutorials at http://htmldog.com ?

blueman2
Offline
Regular
Last seen: 12 years 27 weeks ago
Timezone: GMT-5
Joined: 2008-11-06
Posts: 37
Points: 2

html The entire site is

html

The entire site is screwed up and needs to be redone eliminating tables but that is not happening for at least a month or so and in the meantime the li's that have "home_bullet_features" applied need to be separated further.

<tr>
              <td valign="top" class="Headline"><div align="center">Features</div></td>
              <td valign="top" class="Headline"><div align="center">Benefits</div></td>
            </tr>
            <tr>
              <td width="51%" valign="top"><div align="left" class="home_bullet_features">
                <ul>
                  <li><strong>Holds up to 5 or 7 guitars, basses, and banjos of virtually any size &amp; shape with quick, easy access. </strong></li>
                  <li><strong>Hardwood rails and wood veneered sides for a durablity &amp; quality</strong></li>
                  <li><strong>Features imported wood herringbone edging.</strong></li>
                  <li><strong>Felt-lined at all contact points to avoid scratching your fine instruments</strong></li>
                  </ul>
              </div></td>
              <td width="49%" valign="top"><div align="left" class="home_bullet_features">
                <ul>
                  <li><strong>Unique design of neck cutouts provides added security to help keep guitars from toppling or moving</strong></li>
                  <li><strong>Our open-bottom design allows the metal neck strap pegs on the bottom of instruments to sit without damaging the racks</strong></li>
                  <li><strong>Offers superior stability, high quality construction and sturdy design</strong></li>
                  <li><strong>Keep your room or studio organized and floor space clear </strong></li>
                </ul>
              </div></td>
            </tr>

Triumph (not verified)
Anonymous's picture
Guru

Tables based. Just stab me in the eye, kthx.

In your questions you asked how to target list items carrying that class but no list items carry that class in your markup.

Please show all your markup or better yet, a link. Do you have a complete doctype?

blueman2
Offline
Regular
Last seen: 12 years 27 weeks ago
Timezone: GMT-5
Joined: 2008-11-06
Posts: 37
Points: 2

No the class is applied to

No the class is applied to the table cell that contains the the UL. I thought I could still control these list items somehow as they have taken the other attributes of "home_bullet_features". This is not the way I would build this now but I'm stuck with it for the time being.

Here's the entire html. This page is not live yet so I can't provide a link at this point. There's a lot of junk to wade through but be my guest.

<!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>The Session Guitar Racks</title>
<META NAME="DESCRIPTION" CONTENT="Handcrafted guitar case rack. Constructed of hardwood and hardwood veneers with a Red Oak finish">
<META NAME="KEYWORDS" CONTENT="guitar case rack,guitar,guitar collection,guitar rack">
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style1 {font-weight: bold}
-->
</style>
<!-- InstanceEndEditable -->
<link rel="stylesheet" title="Disabled for Preview-in-Browser: /styles/verdana.css" type="text/css">
<link href="../styles/verdana.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #663300}
.style2 {
	font: bold 12px;
}
-->
</style>
</head>
 
<body>
<table width="1041" height="1788" cellpadding="0" cellspacing="0">
  <tr align="left">
    <td width="3" height="1786" valign="top"><img src="/images/graphic_elements/50spacer.gif" width="25" height="8"></td>
    <td width="4" valign="top"><img src="../images/graphic_elements/1778 vert Inlay.gif" width="8" height="1778"></td>
    <td width="983"><table width="983" height="1560" cellpadding="0" cellspacing="0">
      <tr valign="top">
        <td height="87" colspan="3"><div align="left">
            <table width="94%" cellpadding="0" cellspacing="0">
              <tr>
                <td width="41%" height="84" rowspan="3"><a href="../index.htm"><img name="newlogo" src="../images/newlogo.jpg" height="85" border="0" alt=""></a></td>
                <td width="36%" align="left" valign="bottom" class="trademarksm"><div align="center"><span class="style1">Schools, Guitar Teachers, Band Directors<br> 
                  &amp; 
                  Worship Music Facilitie</span>s</div></td>
                <td width="23%" align="left" valign="bottom"><div align="center" class="trademarksm style1">Sax Players and Saxophone Collectors</div></td>
              </tr>
              <tr>
                <td height="41" align="left" valign="top"><div align="center"><a href="the-band-room.asp" target="_blank"><img src="../images/specials/Bandroom.gif" alt="The Band Room Guitar Case Rack for Schools" width="300" height="49" border="0"></a></div></td>
                <td align="left" valign="top"><div align="center"><a href="http://saxstorage.com" target="_blank"><img src="../images/Sax-banner.jpg" alt="Saxophone Storage Rack - Saxstorage.com" width="240" height="60" border="0"></a></div></td>
              </tr>
              <tr>
                <td colspan="2" align="left" valign="bottom"><div align="center"><img src="../images/specials/holidaysale08.gif" alt="Guitar Storage Holiday Sale" width="540" height="27" align="bottom"></div></td>
                </tr>
            </table>
        </div></td>
      </tr>
      <tr>
        <td height="9" colspan="3" align="center" valign="middle"><div align="center"><img name="n984Large20Inlay" src="../images/graphic_elements/984Large%20Inlay.gif" width="990" height="9" border="0" alt=""></div></td>
      </tr>
      <tr>
        <td width="160" height="1462" valign="top"><table width="100%"  cellpadding="0" cellspacing="0" background="../images/graphic_elements/vertgldgradient.jpg" id="navtable">
            <tr>
              <td height="11"><div align="center"><img src="/images/graphic_elements/120spacer.gif" width="164" height="8"></div></td>
              <td width="7%" rowspan="28" align="right" valign="top"><div align="right"><img src="../images/graphic_elements/1660%20vert%20Inlay.gif" width="8" height="1660"></div></td>
            </tr>
            <tr>
              <td height="21" valign="top" class="lftnavlist"><a href="../index.htm">Home</a></td>
            </tr>
            <tr>
              <td height="21" valign="top" class="NewNavListHeading">&nbsp;</td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Our Racks</td>
            </tr>
            <tr>
              <td height="8" valign="top"><p class="NewNavList"><a href="/store/racks.asp">Shop for our Racks</a> <br>
                      <a href="/rackdetails.htm">Case Rack Details</a></p>
                <p class="NewNavList"><a href="/Testimonials.htm">Testimonials</a><br>
                  <a href="../customer_photos.htm">Customer Photos</a></p>                </td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NavListHeading_R">Guitar Case Racks</td>
            </tr>
            <tr>
              <td height="26" valign="top"><span class="NewNavList"><a href="Studio.asp">Studio Case Rack</a></span><br>                  
                <span class="NewNavList"><a href="#">Studio Deluxe Case Rack</a><br>
<a href="the-band-room.asp">Band Room Rack</a></span></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NavListHeading_R">Guitar Racks</td>
            </tr>
            <tr>
              <td height="18" valign="top" class="NewNavList"><p><a href="#">Session Guitar Rack</a><br>
                  <a href="#">Session Deluxe Guitar Rack</a></p>
                <p><a href="profile-wall-mount-guitar-rack.asp">Pro-File Wall Mount Rack</a></p>
                <p>&nbsp;</p></td>
            </tr>
 
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Guitar Cases </td>
            </tr>
            <tr>
              <td height="26" valign="top" class="NewNavList"><p><a href="/other_HS_cases.htm">Hardshell Cases</a><br>
                      <a href="/other-coffin.htm">Coffin Cases</a><br>
                      <a href="/other_gig_bags.htm">Gig Bags</a> <br>
                      <a href="/other_bass.htm">Bass Cases</a><br>
                      <a href="/other_flight.htm">Flight Cases</a> </p>
                  <p>&nbsp;</p></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Guitars Stands </td>
            </tr>
            <tr>
              <td height="21" valign="top"><p><span class="NewNavList"><a href="/guitar-stands-single.htm">Single Stands</a></span><br>
                      <span class="NewNavList"><a href="/guitar-stands-multiple.htm">Multiple Stands</a></span><br>
                      <span class="NewNavList"><a href="/guitar-stands-folding.htm">Folding Stands</a></span></p>
                  <p>&nbsp;</p></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Guitars</td>
            </tr>
            <tr>
              <td height="21" valign="top" class="NewNavList"><p><a href="/Jazz_Guitars.htm">Our Jazz Choices</a> <br>
                      <a href="/blues-guitars.htm">Our Blues Choices</a> </p>
                  <p>&nbsp;</p></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Amplifiers</td>
            </tr>
            <tr>
              <td height="21" valign="top" class="NewNavList"><a href="../sm_tube_amps.htm">Small Tube Amps</a></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Coming Soon!</td>
            </tr>
            <tr>
              <td height="66" valign="top" class="NewNavList"><p>              Effects<br>
              Accessories</p>
                  <p>&nbsp;</p></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Guitar Care </td>
            </tr>
            <tr>
              <td height="24" valign="top"><p class="NewNavList"><a href="/tips.htm">Exposure </a></p>
                  <p class="NewNavList"><br>
                </p></td>
            </tr>
            <tr>
              <td height="8" valign="top" class="NewNavListHeading">Other Stuff </td>
            </tr>
            <tr>
              <td height="56" valign="top" class="NewNavList"><p><a href="../links.htm">Links</a><br>
                      <a href="../contact.htm">Contact Us</a><br>
                      <a href="../Policies.htm">Policies</a> <br>
                      <br>
              </p></td>
            </tr>
            <tr>
              <td height="8" valign="middle"><div align="left"><span class="NewNavListHeading">Programs </span> </div></td>
            </tr>
            <tr>
              <td height="32" valign="top"><div align="left" class="NewNavList"><a href="http://guitarstorage.com/policies.htm#referral">Referral Progra</a>m <br>
                  <a href="/Affiliate.htm">Affiliate Program</a><br>
                  <a href="/store/affiliate.asp">Affiliate Log In</a><br>
              </div></td>
            </tr>
            <tr>
              <td height="22" valign="top"><div align="left"></div></td>
            </tr>
            <tr>
              <td height="571" valign="top" class="NewNavList"><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></td>
            </tr>
        </table></td>
        <td width="696" align="left" valign="top" bgcolor="#FFFFFF"><!-- InstanceBeginEditable name="mainregion" -->
          <table width="100%"  cellpadding="0" cellspacing="0" id="Gen_info">
            <tr>
              <td colspan="2"><div align="center"><img src="/images/graphic_elements/670spacer.gif" width="660" height="2"></div></td>
            </tr>
            <tr>
              <td height="18" colspan="2" valign="top"><div align="center">
                <!--#include file="vsadmin/db_conn_open.asp"-->
                <!--#include file="vsadmin/includes.asp"-->
                <!--#include file="vsadmin/inc/languagefile.asp"-->
<!--#include file="vsadmin/inc/incfunctions.asp"-->
<span class="HeadlineBig">The Session Deluxe&trade; Guitar Racks</span> </div></td>
            </tr>
            <tr>
              <td colspan="2" valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td colspan="2" valign="top"><div align="center"><img src="../images/translivingrm.jpg" alt="livning" width="225" height="176"></div></td>
            </tr>
            <tr>
              <td colspan="2" valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td valign="top"><div align="center"><img src="../images/Finishes.jpg" alt="finish" width="309" height="103"></div></td>
              <td valign="top"><div align="center"><img src="../images/Finishes.jpg" alt="finish" width="309" height="103"></div></td>
            </tr>
            <tr>
              <td valign="top">&nbsp;</td>
              <td valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td valign="top" class="Headline"><div align="center">Features</div></td>
              <td valign="top" class="Headline"><div align="center">Benefits</div></td>
            </tr>
            <tr>
              <td width="51%" valign="top"><div align="left" class="home_bullet_features">
                <ul>
                  <li><strong>Holds up to 5 or 7 guitars, basses, and banjos of virtually any size &amp; shape with quick, easy access. </strong></li>
                  <li><strong>Hardwood rails and wood veneered sides for a durablity &amp; quality</strong></li>
                  <li><strong>Features imported wood herringbone edging.</strong></li>
                  <li><strong>Felt-lined at all contact points to avoid scratching your fine instruments</strong></li>
                  </ul>
              </div></td>
              <td width="49%" valign="top"><div align="left" class="home_bullet_features">
                <ul>
                  <li><strong>Unique design of neck cutouts provides added security to help keep guitars from toppling or moving</strong></li>
                  <li><strong>Our open-bottom design allows the metal neck strap pegs on the bottom of instruments to sit without damaging the racks</strong></li>
                  <li><strong>Offers superior stability, high quality construction and sturdy design</strong></li>
                  <li><strong>Keep your room or studio organized and floor space clear </strong></li>
                </ul>
              </div></td>
            </tr>
            <tr>
              <td height="18" colspan="2" valign="top"><table width="100%"  cellpadding="0" cellspacing="0">
                <tr>
                  <td height="6"><div align="center"><img src="/images/graphic_elements/670spacer.gif" width="660" height="2"></div></td>
                </tr>
                <tr>
                  <td height="68" valign="top"><table width="100%" border="0" cellpadding="2" id="session">
                      <tr>
                        <td><span class="rackprodhead">The Session Deluxe&trade; 7 Guitar  Rack</span></td>
                      </tr>
                      <tr>
                        <td class="showcase"><span class="NewNavListHeading">Showcase your Guitar Collection - Holds up to 7 Guitars</span></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top"><table width="100%" border="0" cellpadding="2" id="rackprod">
                      <tr>
                        <td width="212" rowspan="8" valign="middle"><img src="../images/rack_images/HeadonWgrand.jpg" width="214" height="184"></td>
                        <td width="211" rowspan="8" align="center" valign="middle"><img src="../images/rack_images/walnutdetailsm.jpg" width="214" height="190"></td>
                        <td width="160" class="rackdetails"><div align="right">Regular Price:</div></td>
                        <td width="85" class="oldprice"><div align="right"><s>$489.00</s></div></td>
                        <td width="0">&nbsp;</td>
                      </tr>
                      <tr>
                        <td class="rackdetails"><div align="right">Sale Price:</div></td>
                        <td><div align="right" class="oldprice">
                            <div align="right">$349.00</div>
                        </div></td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" class="rackdetails"><div align="right" class="holidaysaletxt">Holiday Sale Price:</div></td>
                        <td height="12"><div align="right" class="newprice">
                            <div align="center" class="saleprice">$309.00</div>
                        </div></td>
                        <td height="12">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" class="rackdetails">&nbsp;</td>
                        <td height="12">&nbsp;</td>
                        <td height="12">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" colspan="3" class="rackdetails"><div align="center">
                            <div align="center" class="saleprice">
                              <div align="center"><img src="../images/specials/holidayprice40.gif" alt="Holiday Sale $40 off" width="128" height="35"></div>
                            </div>
                        </div></td>
                      </tr>
                      <tr>
                        <td height="5" colspan="3" class="trademarksm"><div align="center"><img src="/images/graphic_elements/270spacer.gif" width="250" height="1"> </div></td>
                      </tr>
                      <tr>
                        <td height="19" colspan="3" valign="middle" class="rackdetails"><div align="center">See what our customers say </div></td>
                      </tr>
                      <tr>
                        <td height="28" colspan="3" align="center" valign="top"><a href="/Testimonials.htm"><a href="/Testimonials.htm"><img src="/images/buttons/testimonials_r2_c2.gif" width="140" height="24" border="0"></a></a></td>
                      </tr>
                      <tr>
                        <td colspan="2" valign="bottom" class="trademarksm"><div align="center"> click photos above to enlarge</div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="trademarksm">&nbsp;</td>
                      </tr>
                      <tr>
                        <td colspan="2" class="trademarksm"><div align="center" class="policies">
                            <p>Walnut shown here</p>
                            <p> See Red Oak on Session Deluxe&trade; 5 Below</p>
                        </div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="trademarksm"><div align="center">Dimensions: 38 &frac12;&rdquo;H X 49&rdquo;W X 24&quot;D<br>
                          Actual Weight: 47lbs<br>
                        </div></td>
                      </tr>
                      <tr>
                        <td valign="bottom"><div align="center"><img src="../images/buttons/BuyWalnut.gif" alt="Buy walnut" width="138" height="23"></div></td>
                        <td valign="bottom"><div align="center"><img src="../images/buttons/buy_red_oak.gif" alt="buy red oak" width="128" height="21"></div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="rackdetails"><div align="center">Each Rack is individually<br>
                          handcrafted with pride</div></td>
                      </tr>
                      <tr>
                        <td><div align="center"> <span class="rackdetails">Product Code:SEG7GRW</span></div></td>
                        <td class="rackdetails"><div align="center">Product Code:SEG7GRRO</div></td>
                        <td height="42" colspan="3" align="center" valign="top" class="trademarksm"><span class="hometext"><img src="/images/graphic_elements/made-in-usa.jpg" alt="usa" width="76" height="39"></span></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top"><div align="center" class="newtestimonial">Each Rack can be quickly &amp; easily assembled in just minutes with a screwdriver</div></td>
                </tr>
                <tr>
                  <td height="18" valign="top"><div align="center"><img src="../images/graphic_elements/inlay_hor_650.gif" alt="inlay separator" width="628" height="9"></div></td>
                </tr>
                <tr>
                  <td height="18" valign="top">&nbsp;</td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="18" colspan="2" valign="top"><table width="100%"  cellpadding="0" cellspacing="0">
                <tr>
                  <td height="6"><div align="center"><img src="/images/graphic_elements/670spacer.gif" width="660" height="2"></div></td>
                </tr>
                <tr>
                  <td height="68" valign="top"><table width="100%" border="0" cellpadding="2" id="session5">
                      <tr>
                        <td><span class="rackprodhead">The Session Deluxe&trade; 5 Guitar  Rack</span></td>
                      </tr>
                      <tr>
                        <td class="showcase"><span class="NewNavListHeading">Showcase your Guitar Collection - Holds up to 5 Guitars</span></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top"><table width="100%" border="0" cellpadding="2" id="rackprod2">
                      <tr>
                        <td width="215" rowspan="8" valign="middle"><a href="/images/rack_images/enlargements/roheadongrandlg.jpg"><img src="/images/rack_images/headonROgrand.jpg" width="214" height="174" border="0"></a></td>
                        <td width="215" rowspan="8" align="center" valign="middle"><a href="/images/rack_images/enlargements/roverticallg.jpg"><img src="/images/rack_images/vertcaseinrack.jpg" width="214" height="110" border="0"></a></td>
                        <td width="177" class="rackdetails"><div align="right">Regular Price:</div></td>
                        <td width="85" class="oldprice"><div align="right"><s>$489.00</s></div></td>
                        <td width="3">&nbsp;</td>
                      </tr>
                      <tr>
                        <td class="rackdetails"><div align="right">Sale Price:</div></td>
                        <td><div align="right" class="oldprice">
                            <div align="right">$349.00</div>
                        </div></td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" class="rackdetails"><div align="right" class="holidaysaletxt">Holiday Sale Price:</div></td>
                        <td height="12"><div align="right" class="newprice">
                            <div align="center" class="saleprice">$309.00</div>
                        </div></td>
                        <td height="12">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" class="rackdetails">&nbsp;</td>
                        <td height="12">&nbsp;</td>
                        <td height="12">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="12" colspan="3" class="rackdetails"><div align="center">
                            <div align="center" class="saleprice">
                              <div align="center"><img src="../images/specials/holidayprice40.gif" alt="Holiday Sale $40 off" width="128" height="35"></div>
                            </div>
                        </div></td>
                      </tr>
                      <tr>
                        <td height="5" colspan="3" class="trademarksm"><div align="center"><img src="/images/graphic_elements/270spacer.gif" width="250" height="1"> </div></td>
                      </tr>
                      <tr>
                        <td height="19" colspan="3" valign="middle" class="rackdetails"><div align="center">See what our customers say </div></td>
                      </tr>
                      <tr>
                        <td height="28" colspan="3" align="center" valign="top"><a href="/Testimonials.htm"><a href="/Testimonials.htm"><img src="/images/buttons/testimonials_r2_c2.gif" width="140" height="24" border="0"></a></a></td>
                      </tr>
                      <tr>
                        <td colspan="2" valign="bottom" class="trademarksm"><div align="center"> click photos above to enlarge</div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="trademarksm">&nbsp;</td>
                      </tr>
                      <tr>
                        <td colspan="2" class="trademarksm"><div align="center" class="policies">
                            <p>Red Oak shown here</p>
                          <p> See Walnut Finish on Session Deluxe&trade; 7 above</p>
                        </div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="trademarksm"><div align="center">Dimensions: 38 &frac12;&rdquo;H X 49&rdquo;W X 24&quot;D<br>
                          Actual Weight: 47lbs<br>
                        </div></td>
                      </tr>
                      <tr>
                        <td valign="bottom" class="trademarksm"><div align="center"><img src="../images/buttons/buy_red_oak.gif" alt="buy red oak" width="128" height="21"></div></td>
                        <td valign="bottom"><div align="center"><img src="../images/buttons/BuyWalnut.gif" alt="Buy walnut" width="138" height="23"></div></td>
                        <td height="18" colspan="3" align="center" valign="top" class="rackdetails"><div align="center">Each Rack is individually<br>
                          handcrafted with pride</div></td>
                      </tr>
                      <tr>
                        <td class="rackdetails"> <div align="center">Product Code: SEG5GRRO</div></td>
                        <td class="rackdetails"><div align="center">Product Code:SEG5GRW</div></td>
                        <td height="42" colspan="3" align="center" valign="top" class="trademarksm"><span class="hometext"><img src="/images/graphic_elements/made-in-usa.jpg" alt="usa" width="76" height="39"></span></td>
                      </tr>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top"><div align="center" class="newtestimonial">Each Rack can be quickly &amp; easily assembled in just minutes with a screwdriver</div></td>
                </tr>
                <tr>
                  <td height="18" valign="top"><div align="center"><img src="../images/graphic_elements/inlay_hor_650.gif" alt="inlay separator" width="628" height="9"></div></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="18" colspan="2" valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td height="18" colspan="2" valign="top">&nbsp;</td>
            </tr>
          </table>
          <table width="100%" border="0" cellpadding="0" id="more-racks">
  <tr>
    <td><!-- #BeginLibraryItem "/Library/other-racks.lbi" -->
<link href="../styles/verdana.css" rel="stylesheet" type="text/css">
<table width="100%" cellpadding="2"  cellspacing="0" id="other-racks">
                          <tr>
                            <td colspan="4" class="NewNavListHeading"><div align="center">See These Other Fine Guitar Racks </div></td>
                            </tr>
                          <tr>
                            <td width="24%"><div align="center"><a href="/store/red-oak-case-rack.asp"><img src="/images/rack_images/SGRRO-th-sm.jpg" width="60" height="42" border="0"></a></div></td>
                            <td width="27%"><div align="center"><a href="/store/walnut-case-rack.asp"><img src="/images/rack_images/SGRW1_th-sm.jpg" width="60" height="47" border="0"></a></div></td>
                            <td width="21%"><div align="center"><a href="/store/Studio.asp"><img src="/images/rack_images/slimline_headon_th_sm.jpg" width="60" height="49" border="0"></a></div>                              </td>
                            <td width="28%"><div align="center"><a href="The-Band-Room.asp"><img src="../images/rack_images/bandroom_headon_th_sm.jpg" alt="band room guitar rack" width="60" height="50" border="0"></a></div></td>
                          </tr>
                          <tr>
                            <td><div align="center" class="NewNavList"><a href="/store/red-oak-case-rack.asp">The Studio Deluxe</a><a href="Studio.asp">™<br>
                            </a><a href="/store/red-oak-case-rack.asp">Red Oak
  Guitar Case Rack</a> </div></td>
                            <td><div align="center" class="NewNavList"><a href="/store/walnut-case-rack.asp">The Studio Deluxe</a><a href="Studio.asp">™</a><br>
                              <a href="/store/walnut-case-rack.asp"> Walnut
  Guitar Case Rack </a> </div></td>
                            <td width="21%"><div align="center" class="NewNavList"><a href="Studio.asp">The Studio™<br>
                            Guitar Case Rack</a><br>
                            </div></td>
                            <td class="NewNavList"><div align="center"><a href="The-Band-Room.asp">The Band Room</a><a href="Studio.asp">™</a><a href="The-Band-Room.asp"><br>
  Guitar Case Rack</a></div></td>
                          </tr>
                          <tr>
                            <td height="23">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td width="21%">&nbsp;</td>
                            <td>&nbsp;</td>
                          </tr>
                          <tr>
                            <td height="23">&nbsp;</td>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                            <td><div align="center"><a href="/store/profile-wall-mount-guitar-rack.asp"><img src="/images/rack_images/wall_mid_thm_sm.jpg" width="80" height="35" border="0"></a></div></td>
                          </tr>
                          <tr>
                            <td height="23"><div align="center"><span class="NewNavList"><a href="/store/red-oak-case-rack.asp">The Session Deluxe</a><a href="Studio.asp">™<br>
                            </a><a href="/store/red-oak-case-rack.asp">Red Oak
                            Guitar  Rack</a></span></div></td>
                            <td><div align="center"><span class="NewNavList"><a href="/store/red-oak-case-rack.asp">The Session Deluxe</a><a href="Studio.asp">™<br>
                            </a><a href="/store/red-oak-case-rack.asp">Walnut
                            Guitar  Rack</a></span></div></td>
                            <td><div align="center"><span class="NewNavList"><a href="/store/red-oak-case-rack.asp">The Session </a><a href="Studio.asp">™<br>
                            </a><a href="/store/red-oak-case-rack.asp">
                            Guitar  Rack</a></span></div></td>
                            <td><div align="center"><span class="NewNavList"><a href="profile-wall-mount-guitar-rack.asp">The Profile<br>
                            Wall-Mount</a><a href="Studio.asp">™</a><a href="profile-wall-mount-guitar-rack.asp">Guitar Rack</a></span></div></td>
                          </tr>
                        </table>
<!-- #EndLibraryItem --></td>
  </tr>
</table>
 
        <!-- InstanceEndEditable --></td>
        <td width="149" height="1462"align="left" valign="top" bgcolor="#FFFFFF"><table width="100%" cellpadding="0"  cellspacing="0" background="../images/graphic_elements/vertgldgradient.jpg">
          <tr>
            <td rowspan="12" align="left" valign="top"><img src="../images/graphic_elements/1660%20vert%20Inlay.gif" width="8" height="1660"></td>
            <td height="8"><img src="/images/graphic_elements/110spacer.gif" width="100" height="8"></td>
          </tr>
 
          <tr>
            <td height="20" class="saleprice">&nbsp;</td>
          </tr>
          <tr>
            <td height="18" align="center"><a href="http://www.tkqlhce.com/click-2849393-10303897" target="_top">
<img src="http://www.awltovhc.com/image-2849393-10303897" width="120" height="120" alt="Real Networks" border="0"/></a></td>
          </tr>
          <tr>
            <td height="17" align="center">&nbsp;</td>
          </tr>
          <tr>
            <td height="17" align="center">&nbsp;</td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td height="50"><div align="center">
                <script language="Javascript" src="https://seal.godaddy.com/getSeal?sealID=129020970043a64d251271110a5e55d117f3f06587228365856451531"></script>
            </div></td>
          </tr>
          <tr>
            <td height="65" valign="top"><div align="center"><span class="NewNavListHeading">Add Us On</span><br>
                    <a href="http://myspace.com/guitarstorage" target="_blank"><img src="/images/myspace.gif" width="99" height="42" border="0"></a> <br>
            </div></td>
          </tr>
          <tr>
            <td height="150" valign="top"><table width="100%"  border="0" cellpadding="2">
                <tr>
                  <td class="amazonbl"><div align="center">Mike Loves Blues Guitar </div></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=B0003JAIOG&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"><div align="center">Mike's Current Pick </div></td>
                </tr>
                <tr>
                  <td><div align="center"></div></td>
                </tr>
                <tr>
                  <td class="amazonwht"><div align="center">Bob Loves Jazz Guitar </div></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 height="22" class="amazonwht"><div align="center">Bob's Current Pick </div></td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
    <td width="8" valign="top"><img src="../images/graphic_elements/1778 vert Inlay.gif" width="8" height="1778"></td>
    <td width="38"><img src="/images/graphic_elements/50spacer.gif" width="100" height="8"></td>
  </tr>
</table>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3063809-1";
urchinTracker();
</script></body>
<!-- InstanceEnd --></html>

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You shouldn't use tables for

You shouldn't use tables for layout.
You should follow the advice above and spend some time going through the HTMLDOG.COM tutorials and learning how to code valid/semantic sites from the get go.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

From the HTML you've posted,

From the HTML you've posted, .home_bullet_features li would be the correct way to target those list items in your CSS. If it's not working, it's possible that those list items are picking up styles with greater specificity from somewhere else in your stylesheet which you haven't showed us.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Triumph (not verified)
Anonymous's picture
Guru

Tyssen wrote:... it's

Tyssen wrote:

... it's possible that those list items are picking up styles with greater specificity from somewhere else in your stylesheet which you haven't showed us.

Yep, specificity would be the next guess but I got fed up with guessing.

try html body table tr td div.home_bullet_features ul li {}

It'll still be trumped by an ID

blueman2
Offline
Regular
Last seen: 12 years 27 weeks ago
Timezone: GMT-5
Joined: 2008-11-06
Posts: 37
Points: 2

Thanks Tyssen, That is

Thanks Tyssen,

That is what I did figure out and that does work correctly with padding applied.

.home_bullet_features li {
	padding-bottom: 5px;
	padding-right: 3px;

"li.home_bullet_features" does not work, as was suggested above

Also, for anyone reading my original post and question, this is called a "Descendant Selector"

And as I mentioned previously a few times, tables is not the way to go but I'm stuck with it in this case for a little while longer.

Triumph (not verified)
Anonymous's picture
Guru

blueman2

blueman2 wrote:

"li.home_bullet_features" does not work, as was suggested above

It does work with

  • as stated in your original request.
  • Quote:

    I want to apply a additional attribute to only list items that carrying this class.

    Just sayin'. Wink