Solved

How do I get rid of empty cell borders?

Posted on 2010-11-19
2
555 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

730 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