Problem mit Tabelle und Link

[Wullschi]

Hallo

Ich arbeite gerade an meiner Homepage, und bin auf ein Problemgestossen.
Ich habe untereinander 3 Tabellen angelegt. Die erste hat eine Zeile, und eine Zelle, die 2. hat eine Zeile und 6 Zellen, die dritte wieder eine Zeile und eine Zelle. In die Zellen habe ich den Banner und die Bilder der Buttons, welche zum Banner gehören, eingebaut.

Wenn ich aber einem Button einen Link zuweise wird der Banner auseinandergerissen. Es entstehen abstände zwischen der Mittleren und den anderen beiden Tabellen. Das geschieht jedoch nur in Firefox. (siehe Grafik)

Hier mein html-code:

<!---Header+Navi--->
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td height="153" width="925" align="center">
  <img height="153" width="925" src="Restbanner/oben.jpg" border="0">
</td>
</tr>
</table>

<table cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td width="256" height="24">
  <img height="24" width="256" src="Restbanner/mittelinks.jpg"     border="0">
</td>

<td width="70" height="24">
  <a href="bla.html">
   <img height="24" width="70" src="Buttons/b1.jpg" border="0">
  </a>
</td>

<td width="104" height="24">
 <img height="24" width="104" src="Buttons/b2.jpg" border="0">
 </td>

<td width="115" height="24">
 <img height="24" width="115" src="Buttons/b3.jpg" border="0">
 </td>

<td width="85" height="24">
 <img height="24" width="85" src="Buttons/b4.jpg" border="0">
 </td>

<td width="295" height="24">
 <img height="24" width="295" src="Restbanner/mitterechts.jpg" border="0">
 </td>
</tr>
 </table>

<table cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td height="58" width="925" align="center">
  <img height="58" width="925" src="Restbanner/unten.jpg"border="0">
</td>
</tr>
</table>

<!---Ende Header+Navi--->

Weiss vieleicht jemand weiter?

mfg Wullschi

[Chrisi]

Hi,

unten im Quellcode hast du sowas stehen: <img height="58" width="925" src="Restbanner/unten.jpg"border="0"> ("border)

Und ersuche mal deinen Quellcode so zu schreiben:

<table>
<tr>
   <td>nav 1</td>
   <td>nav 2</td>
</tr>
</table>

Vermeiden solltest du in jenem Fall sowas:

<td>

<img src ... />

</td>

dadurch können Umbrüche entstehen ...

Gruß, Chrisi

[Wullschi]

Und ersuche mal deinen Quellcode so zu schreiben:

<table>
<tr>
   <td>nav 1</td>
   <td>nav 2</td>
</tr>
</table>

Vermeiden solltest du in jenem Fall sowas:

<td>

<img src ... />

</td>

dadurch können Umbrüche entstehen ...

Wie kann man es den sonst schreiben? Das Bild muss ja irgendwie in die Tabelle…
Solange der Link nicht gesetzt ist, sieht die Grafik auch ganz normal aus .

[Chrisi]

Wie kann man es den sonst schreiben? Das Bild muss ja irgendwie in die Tabelle…
Solange der Link nicht gesetzt ist, sieht die Grafik auch ganz normal aus .

<td><a href=""><img src ... border=0 /></a></td>

...

vieleicht formatierst du ja auch deine links irgendwo in einer css datei u. es kommt dadurch zu den spalten ... o. du nutzt xhtml und formatierst die img tags nicht richtig (display: block;border: 0px;) ...

[Gunnar Bittersmann]

o. du nutzt xhtml und formatierst die img tags nicht richtig (display: block;border: 0px;) ...

Hi Chrisi,
Was soll das mit XHMTL zu tun haben?

Live long and prosper,
Gunnar