Hey guys, Total Table noobie, i am trying to place 9 images within tables, 3 rows 3 columns. All should connect without any space between. Sofar it looks *somewhat* okay, yes there is still like 1 or 2 pixel space between the rows. Ive tried to play around with cellspacing; without succes What am i doing wrong here ? Any help would be appreciated code: <div id="container"> <center> <tbody> <tr> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;"title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> </tr> <tr> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td align="center" width="25%"> <a href="#"><img size="square" style="width: 80px; height: 80px; margin: 0px;" title="" src="preview.jpg"></a> </td> <td></td><td></td><td></td></tr></tbody> </center> </div>
thanks, indeed when using <a> all images do get a border, border=o solves that. But what about the table marges, why do they still have marges horizontal and vertical ?