Solved

How do I get rid of empty cell borders?

Posted on 2010-11-19
2
542 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

911 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

24 Experts available now in Live!

Get 1:1 Help Now