[HTML] Odstęp między tabelami

[mirage]

mam taki problem nie chce zby grafiki na tej stronie były oddzielone od siebie
adres: http://www.toya.net.pl/~mirage89/ho2.html
jak mam to zliwkwidować, prosze o szybką odpowiedź

Kod: Zaznacz cały

<table align="center" ><tr>
<td color="#ffffff" cellpadding="0" cellspacing="0">
<IMG height=200 alt="3DomFoxes PK Team WebSite .:HomePage:." src="baner.jpg" width=600 border=0> </td></tr></table>

<table align="center" cellpadding="0" cellspacing="0"><tr>
<td>
<A onmouseover="document.obrazek.src='menu/ho2.jpg'" onmouseout="document.obrazek.src='menu/ho1.jpg'" href="ho.htm">
<IMG height=10 src="menu/ho1.jpg" width=63 border=0 name=obrazek  cellspacing="0" cellpadding="0"></A>   </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek1.src='menu/his2.jpg'" onmouseout="document.obrazek1.src='menu/his1.jpg'" href="his.htm">
<IMG height=10 src="menu/his1.jpg" width=63 border=0 name=obrazek1></A>   </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek2.src='menu/te2.jpg'" onmouseout="document.obrazek2.src='menu/te1.jpg'" href="team.htm">
<IMG height=10 src="menu/te1.jpg" width=67 border=0 name=obrazek2></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek3.src='menu/tut2.jpg'" onmouseout="document.obrazek3.src='menu/tut1.jpg'" href="tut.htm">
<IMG height=10 src="menu/tut1.jpg" width=75 border=0 name=obrazek3></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek4.src='menu/po2.jpg'" onmouseout="document.obrazek4.src='menu/po1.jpg'" href="po.htm">
<IMG height=10 src="menu/po1.jpg" width=61 border=0 name=obrazek4></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek5.src='menu/vid2.jpg'" onmouseout="document.obrazek5.src='menu/vid1.jpg'" href="vid.htm">
<IMG height=10 src="menu/vid1.jpg" width=43 border=0 name=obrazek5></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek6.src='menu/ga2.jpg'" onmouseout="document.obrazek6.src='menu/ga1.jpg'" href="ga.htm">
<IMG height=10 src="menu/ga1.jpg" width=61 border=0 name=obrazek6></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek7.src='menu/l2.jpg'" onmouseout="document.obrazek7.src='menu/l1.jpg'" href="lin.htm">
<IMG height=10 src="menu/l1.jpg" width=43 border=0 name=obrazek7></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek8.src='menu/k2.jpg'" onmouseout="document.obrazek8.src='menu/k1.jpg'" href="kon.htm">
<IMG height=10 src="menu/k1.jpg" width=63 border=0 name=obrazek8></A> </td>
<td cellpadding="0" cellspacing="0">
<A onmouseover="document.obrazek9.src='menu/n2.jpg'" onmouseout="document.obrazek9.src='menu/n1.jpg'" href="news.htm">
<IMG height=10 src="menu/n1.jpg" width=61 border=0 name=obrazek9></A> </td>
</tr>    </table>
<table align="center"> <tr>
<td cellpadding ="0" cellspacing="0"><IMG height=5 src="menud.jpg" width=600 border=0 ></td></tr> </table>

[Hawk]

Po pierwsze znacznik td nie posiada atrybutow cellpadding i cellspacing. A co do odstepow... moze sprobuj usunac spacje pomiedzy znacznikami </a> i </td>.

[Fingon]

spróbuj tego

Kod: Zaznacz cały

<table style="border-collapse: collapse;"  align="center" cellpadding="0" cellspacing="0">

[mirage]

odstępy jakby mniejsze ale to ciagle nie to, może ktoś by mi napisał jak z tych trzech tabelek zrobić jedną tak zeby wszystko ładnie działało i miło taki układ jak tu http://img263.imageshack.us/my.php?image=baner4ao.jpg jeśli ktoś jeszcze nie wie do czego zmierzam, prosze wymyślcie cos bo szału dostaje..