Position von Bildern [HTML]

ich hab folgendes problem mit meiner hp:

Ich hab ein Bild (Anfangs-Rahmen), darunter kommen dann ein paar mouseover und dann darunter kommt wieder ein Bild (End-Rahmen).

Der Abstand zwischen den mouseover ist null (so wie ich es will) aber der Abstand zwischen jedes der beiden Bilder (anfang - ende) zu dem benachbarten mouseover ist nicht null.
Wie krieg ich diese blöde Lücke weg?

So sieht der code aus:

Code:

<table width="110" border="0" cellspacing="0" cellpadding="0" height="400">
              <tr>
               <td><img src="anfang.gif" width="165" height="37,5"></td>
              </tr>
              <tr>
                <td height="37,5"><a href="styles.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thema4','','xxx.gif',1)"><img name="Thema4" border="0" src="xxx.gif" width="165" height="37,5" alt="Page 3"></a></td>
              </tr>
              <tr>
                <td height="37,5"><a href="kaufen.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thema5','','xxx.gif',1)"><img name="Thema5" border="0" src="xxx.gif" width="165" height="37,5" alt="Page 4"></a></td>
              </tr>
              <tr>
                <td height="37,5"><a href="forum.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thema6','','xxx.gif',1)"><img name="Thema6" border="0" src="xxx.gif" width="165" height="37,5" alt="Home"></a></td>
              </tr>
              <tr>
                <td height="37,5"><a href="kontakt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thema7','','xxx.gif',1)"><img name="Thema7" border="0" src="xxx.gif" width="165" height="37,5" alt="Page 1"></a></td>
              </tr>
              <tr>
                <td height="37,5"><a href="impressum.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thema8','','xxx.gif',1)"><img name="Thema8" border="0" src="xxx.gif" width="165" height="37,5" alt="Page 2"></a></td>
              </tr>
              <tr>
               <td><img src="ende.gif" width="165" height="19"></td>
              </tr>
            </table>

Also die Lücke zwischen xxx.gif und anfang.gif und die Lücke zwischen ende.gif und xxx.gif soll weg!

Kann mir jemand da helfen?

 

Die Angabe der Tabellenhöhe height="400" ist schuld. Die ist insgesamt höher als die einzelnen Zellen zusammen. Bei solchen Sachen setze ich immer den Tabellenborder gleich 1. Dann sieht man meist solche Fehler.

 

Ich hab jetzt einfach border="1" gemacht. Doch leider war dann zwischen jedem der Bilder (mouseover, anfang und ende) eine Lücke und eine dicke Tabelle war deutlich zu sehen

Ich habe den Code für anfang.gif (oberes Bild) so geändert:

Code:

<tr>
               <td height="37,5"><img src="grafiken/menu/anfang.gif" width="165" height="37,5"></td>
              </tr>

Dann war es oben schon mal richtig!
Als ich das gleiche für ende.gif (unteres Bild) gemacht habe, war auf einmal zwischen allen Bildern (mouseover, anfang und ende) eine Lücke...???

Daraufhin hab ich ein wenig rumgespielt:
unterm letzten mouseover hab ich noch einen gesetzt, wobei zu seinem obrigen natürlich keine Lücke entstand. Dann hab ich diesen zusatz-mouseover einfach geändert in ende.gif:

Code:

<tr>
                <td height="19"><img src="grafiken/menu/ende.gif" width="165" height="19"></a></td>
              </tr>
              <tr>
               <td><img src="grafiken/menu/ende.gif" width="165" height="19"></td>
              </tr>

Jetzt wurde alles so angezeigt, wie ich es wollte. Es halt nur noch ein Lücke zwischen dem vorletzten Bild (ende.gif) und dem letzten Bild (auch ende.gif). Da ich ja das letzte Bild nicht mehr brauche hab ich das hier gelöscht:

Code:

<tr>
               <td><img src="grafiken/menu/ende.gif" width="165" height="19"></td>
              </tr>

Doch dann war wieder zwischen allen Bildern eine Lücke
Ich bin am verzweifeln...

Warum krieg ich das einfach nicht hin?

 

Mit border=1 siehst Du die einzelnen Zellen und auch, wo es (evtl.) hakt. Aber anscheinend war mein Hinweis nicht deutlich genug. Wozu brauchst Du die Höhenangabe der Tabelle?

Um das genauer zu zeigen:

Du hast (am Anfang) 5 Zellen mit 37,5 Höhe Pixel angegeben. Das ergibt 187,5 Pixel. Die Tabelle ist aber insgesamt 400 Pixel hoch. Der Rest (also 212,5 Pixel) muss auch noch irgendwo hin. Und der teilt sich gleichmäßig auf die zwei verbliebenen Zellen auf, wo es keine Höhenangaben gibt.

Nach Deinen Änderungen hast Du zwar jeder Zelle eine Höhenangabe verpasst. Die ist aber immer noch geringer als die Gesamthöhe von 400 Pixel. Ergo, wird der Rest nun auf alle Zellen verteilt (da es keine Zelle ohne Höhenangabe gibt).

Nun verstanden?

 

Achso... jetzt hab ich's kapiert
Das ich da nicht selbst dran gedacht habe...

danke