Solved

How do I get rid of empty cell borders?

Posted on 2010-11-19
2
538 Views
Last Modified: 2012-05-10
I'm using tables that include a border.  You can see from the URL that where I can't fill up a column, the borders appear around the empty cells.  This looks amateurish.  I've designated those cells to have a white border, but it still shows up as dark grey.  I'm including the code for this page.

I'm using Adobe Dreamweaver CS3

Check it out:

http://www.led-llc.com/LED-TADD_2010/specialty_sign.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Light Emitting Designs - LED Sign Retrofit Lamps - LED Specialty Retrofit Lamps</title>
<style type="text/css">
<!--
body {
	background-color: #d8dcce;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 888px;
}
#mainHome {
}
td {
	text-align: center;
	vertical-align: top;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #0d86a1;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
	padding-bottom: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0D86A1;
	vertical-align: bottom;
	padding: 68px 0px 0px;
}
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 10pt;
}
.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 10pt;
	text-align: center;
	font-weight: normal;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #6699CC;
}
a:active {
	text-decoration: none;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
.tblHeadertype {
	color: #FFFFFF;
	font-size: 0.85em;
}
.tblBodycopy {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 80%;
	line-height: 10pt;
	font-weight: normal;
}
.tblHeadertype1 {	color: #FFFFFF;
	font-size: 0.85em;
}
.style3 {
	color: #FFFFFF;
	font-size: 0.8em;
}
-->
</style>
<meta name="robots" content="index,follow" />
<meta name="Description" content="LED Sign Retrofit Lamps and LED Specialty Retrofit Lamps" />
<meta name="Keywords" content="LED Sign Retrofit, S14 Base LED Sign Retrofit, Medium Base LED Sign Retrofit, Bayonet Base LED Retrofit, Bayonet Base LED Elevator Lamp Retrofit, LED Elevator Lamps" />
</head>

<body>
<div align="center" id="mainHome">
  <table width="1020" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td colspan="3"><table width="1020" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="415" background="images/home_header_1.jpg">&nbsp;</td>
          <td width="381" background="images/home_header_2.jpg"><div id="ledHeader">
            <h1 align="left">LED Retrofit Lamps • Commercial - Industrial - Residential</h1>
          </div>
            </td>
          <td width="230" height="107" align="left" valign="top"><img src="images/home_header_3.jpg" width="230" height="107" border="0" usemap="#Map" />
            <map name="Map" id="Map">
              <area shape="rect" coords="36,67,60,90" href="http://www.facebook.com/pages/Light-Emitting-Designs/169992499681894?ref=ts" target="_blank" alt="facebook" />
              <area shape="rect" coords="68,66,90,92" href="mailto:sales@led-llc.com" alt="mail" />
              <area shape="rect" coords="5,65,31,92" href="http://twitter.com/BulbPrince" alt="Twitter" />
            </map></td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td width="143" height="22" background="images/home_menuleftSidebar.jpg">&nbsp;</td>
      <td width="734" bgcolor="#7da779"><ul id="MenuBar1" class="MenuBarHorizontal">

        <li><a href="index.html">Home</a>            </li>
        <li><a href="#" class="MenuBarItemSubmenu">Products</a>
          <ul>
            <li><a href="mr.html">MR / GU </a></li>
            <li><a href="med_base.html">Standard Base</a></li>
            <li><a href="candelabra.html">Candelabra Base</a></li>

            <li><a href="par.html">PAR / R</a> </li>
            <li><a href="site_post.html">Site / Post Top</a></li>
            <li><a href="highbay.html">High Bay</a></li>
            <li><a href="linear.html">Linear</a></li>
            <li><a href="striplights.html">Strip Lights</a></li>
            <li><a href="specialty_sign.html">Specialty/Sign</a></li>
            <li><a href="dimmable.html">Dimmable</a></li>
          </ul>
          </li>

        <li><a class="MenuBarItemSubmenu" href="#">Documents</a>
            <ul>
              <li><a href="tech.html">Technical</a>                </li>
              <li><a href="promo.html">Promotional</a></li>
              <li><a href="releases.html">Releases</a></li>
            </ul>

        </li>
        <li><a href="led_calculator.html">Calculator</a></li>
        <li><a href="calendar.html">Calendar</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="reps.html">Rep Lounge</a></li>
        <li><a href="contact.html">Contact Us</a></li>

      </ul>
      </td>
      <td width="143" background="images/home_menurightSidebar.jpg">&nbsp;</td>
    </tr>
    <tr>
      <td align="left" valign="top" background="images/home_leftSidebar.jpg">&nbsp;</td>
      <td align="left" valign="top" bgcolor="#FFFFFF"><table width="734" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="3" align="center" valign="top"><img src="images/home_undermenuShadow.jpg" width="734" height="17" /></td>
          </tr>
        <tr>
          <td width="458" height="268" bgcolor="#FFFFFF" class="h1"><p>LED Sign Retrofit Lamps - LED Specialty Retrofit Lamps<br />  
                <span class="bodyCopy">Click on product image to access individual product page</span></p>
            <table width="450" border="1" align="center" cellpadding="3" cellspacing="0" bordercolor="#999999" id="productsTbl">
              <tr align="center" valign="top">
                <td width="137" height="144" align="center" valign="top"><img src="images/intersticial/int_LED-2010_blue.jpg" alt="LED-2010-BL" width="119" height="127" /></td>
                <td width="138" align="center" valign="top"><a href="led-2012.html"><img src="images/intersticial/sign_LED-2012.jpg" alt="LED-2012" width="143" height="127" border="0" /></a></td>
                <td width="149" align="center" valign="top"><a href="led-4301.html"><img src="images/intersticial/int_LED-4301.jpg" alt="LED-4301" width="130" height="131" border="0" /></a></td>
              </tr>
              <tr>
                <td align="center" valign="top" bgcolor="#7EA679"><span class="style3">2W Medium Base S14<br />
                  LED Sign Retrofit</span></td>
                <td align="center" valign="top" bgcolor="#7EA679" class="style3">2W Medium Base S11<br />
LED Sign Retrofit</td>
                <td align="center" valign="top" bgcolor="#7EA679" class="tblHeadertype">2W Bayonet Base LED Elevator Lamp Retrofit</td>
              </tr>
              <tr>
                <td align="center" valign="top" class="bodyCopystyle4"><span class="tblBodycopy">Fully encapsulated. 2W, 120V, S14 bulb with medium base mounting. Available in Soft White SW (3000K), Daylight DL (5000K) and assorted colors. Compare to 10W (SW) and 15W (DL). Not Dimmable. Up to 50,000 hr. lamp life.</span></td>
                <td align="center" valign="top"><span class="tblBodycopy">Fully encapsulated. 2W, 120V, S11 bulb with medium base mounting. Available in Soft White SW (3000K), Daylight DL (5000K) and assorted colors. Compare to 10W (SW) and 15W (DL). Not Dimmable. Up to 50,000 hr. lamp life.</span></td>
                <td align="center" valign="top"><span class="tblBodycopy">Fully encapsulated. 2W, 12V ,bayonet base mounting in a 1383 or GBF format. Available in Soft White SW (3000K) or Daylight DL (5000K). Beam: 30°. Compare to 15W. Not dimmable. Up to 50,000 hr. lamp life.</span></td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-SW<br /> 
                  (Soft White)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-SW<br />
(Soft White Clear)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-4301 <br />
                  (Soft White - 1383 Format)</span></td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-DL<br /> 
                  (Daylight)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-DL<br />
(Daylight) Clear</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-4302<br /> 
                  (Daylight - 1383 <br />
                  Format)</span></td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-RD<br /> 
                  (Red)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-RD<br /> 
                  (Red)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-4305 <br />
(Soft White - GBF Format)</span></td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-GR<br /> 
                  (Green)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-GR<br /> 
                  (Green)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-4306<br />
(Daylight - GBF <br />
Format)</span></td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-BL<br /> 
                  (Blue)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-BL<br /> 
                  (Blue)</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-AM <br />
                  (Amber)</span></td>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2012-YL<br />
(Yellow)</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-2010-YL <br />
                  (Yellow)</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>

              <tr>
                <td height="22" colspan="3" align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
                </tr>
              <tr align="center" valign="top">
                <td height="144" align="center" valign="top"><a href="led-8070.html"><img src="images/intersticial/int_LED-8070.jpg" alt="LED-8070" width="141" height="127" border="0" /></a></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" bgcolor="#7EA679"><span class="style3">7W GX23-2 Base LED Fluorescent PL Retrofit</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF" class="style3">&nbsp;</td>
                <td align="center" valign="top" bordercolor="#FFFFFF" class="tblHeadertype">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" class="bodyCopystyle4"><span class="tblBodycopy">Fully encapsulated. 7W, 120-277V, GX23-2 base mounting. Available in Soft White SW (3200K). Beam: 120° Compare to 13W fluorescent. Not dimmable. Up to 50,000 hr. lamp life.</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
              <tr>
                <td align="center" valign="top" bordercolor="#666666" bgcolor="#0D86A1"><span class="style3">LED-8070<br />
(Soft White)</span></td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
                <td align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
              
              <tr>
                <td height="22" colspan="3" align="center" valign="top" bordercolor="#FFFFFF">&nbsp;</td>
              </tr>
            </table>            
            </td>
          <td width="20" height="268" colspan="-1" background="images/home_verticalrule.jpg">&nbsp;</td>
          <td width="231" height="268" colspan="-1" bgcolor="#FFFFFF"><p><span class="h1">LED Momentum Builds at Annual Street and Area Lighting Conference.</span></p>
            <p align="left" class="bodyCopy"><strong>Presentations at the IES Street and Area Lighting Conference were predominantly centered on LEDs, and there were first-hand opportunities to view SSL installations, reports Maury Wright.</strong></p>
            <p align="left" class="bodyCopy"> In late September, the Illuminating Engineering Society (IES) held the annual Street and Area Lighting Conference (SALC) in Huntington Beach, California with a crowd of more than 600 attendees focused increasingly on LED-based street lights. </p>
            <p align="left" class="bodyCopy">Attendees from utilities, municipalities, lighting manufacturers, and design houses shared information on how to successfully migrate to energy-saving SSL technology. Moreover, the presentations made it increasingly clear that SSL can deliver superior lighting despite obstacles that still must be overcome.<br />
                <br />
                <br />
              The most compelling presentations at SALC were all focused on actual LED street light installations. Californian cities including Huntington Beach, Los Angeles and San Jose made presentations, and we’ll get into some of that detail shortly. <br />
              <br />
              <br />
              Moreover, both the Electric Power Research Institute (EPRI) and the Climate Group’s LightSavers Global Consortium presented trial data. The exhibits at SALC are limited by the IES to a relatively small area, but LEDs also dominated that space.<br />
              <br />
              <br />
              <a href="http://www.ledsmagazine.com/features/7/11/10">This article was published in the November/December 2010 issue of LEDs Magazine.</a><span class="bodyCopy"><br />
              <br />
              </span></p>
            <p><span class="h1">Rep Finder</span><span class="h1"><br />
            </span><span class="bodyCopy"><br /> 
            Interested in purchasing our products?  Log onto our new interactive Rep Map to locate a rep in your area who can assist you in finding a local distributor.<br />
<br />
<a href="repfinder.html">+ Access rep finder</a></span></p></td>
          </tr>
        
      </table></td>
      <td align="left" valign="top" background="images/home_rightSidebar.jpg">&nbsp;</td>
    </tr>
    <tr>
      <td height="78" colspan="3" align="center" valign="top" background="images/home_footer.jpg"><h2 align="center"><span class="footerText"><br />
            <br />
          (c) 2010 Light Emitting Designs, a division of TADD, LLC • 108 S. Wynstone Park Drive, Suite 103 • North Barrington, IL 60010<br />
          (847) 380-3540 • FAX: (847) 380-3542 • Specifications are subject to change without notice.<br />
          e-mail: sales@led-llc.com • Website design and programming: Richard Stellar | Interstellar9</span><br />
      </h2></td>
    </tr>
  </table>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Open in new window

0
Comment
Question by:Revolution9
2 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 34173443
What you may need to do is assign a class to the empty cells and specify border:medium none or a white border.  
0
 

Author Closing Comment

by:Revolution9
ID: 34173492
Pure genius.  Thanks very much.
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now