Table doesn't work correctly

Blinger posted this at 11:00 — 29th February 2004.

Joined: Feb 2004

I've built the following table as an include file for the index page of my blog but the buttons are not all touching as I wanted. There is unnecessary space - could someone tell me what I should do to correct that. My site can be viewed at http://blinger.org

Thank you very much.

<table>
  <tr>
    <td><a href="http://geourl.org/near/?p=http://blinger.org" title="check out my neighbors in meatspace">
<img src="http://geourl.org/geourl.png" border=0 width=52 height=14 />
</a>
</td>
    <td><a href="http://www.blogwise.com/" target="_blank"><img src="http://blinger.org/images/banner_blogwise.gif" border="1" width="80" height="15" alt="Listed on Blogwise"></a></td>
  </tr>
  <tr>
    <td><!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->
&lt;script type="text/javascript" language="JavaScript"&gt;var site="s18blinger"&lt;/script&gt;
&lt;script type="text/javascript" language="JavaScript1.2" src="http://s18.sitemeter.com/js/counter.js?site=s18blinger"&gt;
&lt;/script&gt;
<noscript>
<a href="http://s18.sitemeter.com/stats.asp?site=s18blinger" target="_top">
<img src="http://s18.sitemeter.com/meter.asp?site=s18blinger" alt="Site Meter" border=0></a>
</noscript>
<!-- Copyright (c)2002 Site Meter -->
<!--WEBBOT bot="HTMLMarkup" Endspan --></td>
    <td><!-- Start of StatCounter Code -->
&lt;script type="text/javascript" language="javascript"&gt;
<!-- 
var sc_project=237344; 
//-->
&lt;/script&gt;

&lt;script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"&gt;&lt;/script&gt;<noscript><a href="http://www.statcounter.com" target="_blank"><img  src="http://c1.statcounter.com/counter.php?sc_project=237344&amp;java=0" alt="website counters" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</td>
  </tr>
  <tr>
    <td><a href="http://www.movabletype.org"><img src=/images/movabletype.gif alt="powered by movabletype 2.661"</a></td>
    <td><A HREF="http://www.amazon.com/exec/obidos/redirect?tag=blingalinguan-20&path=tg/browse/-/283155"><img src=BuyABook88x31.gif border=0></A></td>
  </tr>
  <tr>
    <td><a href="http://www.webmaster-forums.net" alt="webmaster forums"><img src="/images/webmstr.gif"></a></td>
    <td><a href="http://forum4bloggers.com"><img src=forum4bloggers.gif alt="forum4bloggers"></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><a href="http://portal.eatonweb.com/"><img src="rating.gif" width="100px" height="31px" border="1" alt="Rate Me on Eatonweb Portal" /></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

A Linguistics & ESL Blog

POWWEB: good cheap hosting

The Webmistress posted this at 12:05 — 29th February 2004.

She has: 5,586 posts

Joined: Feb 2001

To have the images touching you have to have them in the same cell of the table or try setting the table so that it has 0 spacing & padding.

openmind posted this at 12:51 — 29th February 2004.

He has: 945 posts

Joined: Aug 2001

As Julia has pointed out your table tag has no attributes. If you add cellpadding="0" and cellspacing="0" to the table then they will touch.

Cause that means everything within the cells will be up against the edge but a bit of style can correct that. For the TD tag you can use style="padding-left:10px;padding-top:10px" and thaat will add 10px's of padding to the left and top.

Blinger posted this at 21:56 — 29th February 2004.

He has: 6 posts

Joined: Feb 2004

thank-you