Problem mit Objektanordnung in einer Tabelle

Status
Nicht offen für weitere Antworten.

stranger667

Grünschnabel
Heyho, ich bin gerade ein bisschen am basteln an meiner Homepage, und hänge jetzt schon eine ganze Weile an einem Problem mit einer Tabelle.
Ich will 5 Bilder in einer Tabelle mit 3 Spalten unterbringen. In der ersten Spalte 1 Bild, in der zweiten Spalte 3 Bilder (untereinander) und in der dritten Spalte wieder 1 Bild.
Das Dumme ist, dass zwischen den 3 Bilder, die sich untereinander befinden sollen (und zusammen genauso hoch sind, wie die Bilder in den anderen 2 Spalten) eine leere Fläche ist, und es so aussieht, als ob die Tabelle 3 Zeilen hätte, obwohl sie nur eine hat.
Ich hoff mal ich hab nich zu wirr geredet, und ihr versteht was ich meine.
Hier der Quelltext (ich weiß das ich eigentlich keine Ahnung davon habe, und deswegen sicher 80% schlecht geschrieben ist)

Code:
    <table cellspacing="0" cellpadding="0" border="0" align="center">
   <colgroup>
   		  <col width="86">
   		  <col width="9">
   		  <col width="103">
   </colgroup>
   <tr>
   <td>
   <p style="margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">
   <a href="index3.html" onfocus="this.blur()" alt=""
    onMouseOver="ChPic('park',park_o),ChPic('oben',oben_o),ChPic('elite',elite_o)"
    onMouseOut="ChPic('park',park_u),ChPic('oben',oben_u),ChPic('elite',elite_u)">
   <img src="pics/park_u.jpg" width="86" height="23" border="0" name="park" alt=""></a></p>
   </td>
   
   <td>
   <p style="margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;">
   <a href="index3.html" onclick="if(this.blur) this.blur()" alt=""
    onMouseOver="ChPic('park',park_o),ChPic('oben',oben_o),ChPic('elite',elite_o)"
    onMouseOut="ChPic('park',park_u),ChPic('oben',oben_u),ChPic('elite',elite_u)">
   <img src="pics/oben_u.jpg" width="9" height="12" border="0" name="oben" alt=""></a></p>
   
   <p style="margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">
   <a href="javascript:midi()" alt=""
    onMouseOver="ChPic('midi',midi_o)" onMouseOut="ChPic('midi',midi_u)">
   <img src="pics/midi_u.jpg" width="9" height="5" border="0" name="midi" alt=""></a></p>
   
   <p style="margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">
   <a href="index3.html" onclick="if(this.blur) this.blur()" alt=""
    onMouseOver="ChPic('park',park_o),ChPic('oben',oben_o),ChPic('elite',elite_o)"
    onMouseOut="ChPic('park',park_u),ChPic('oben',oben_u),ChPic('elite',elite_u)">
   <img src="pics/unten.jpg" width="9" height="6" border="0" name="unten" alt=""></a></p>
   </td>
   
   <td>
   <p style="margin-top:0;margin-bottom:0;margin-left:0;margin-right:0">
   <a href="index3.html" onclick="if(this.blur) this.blur()" alt=""
    onMouseOver="ChPic('park',park_o),ChPic('oben',oben_o),ChPic('elite',elite_o)"
    onMouseOut="ChPic('park',park_u),ChPic('oben',oben_u),ChPic('elite',elite_u)">
   <img src="pics/elite_u.jpg" width="103" height="23" border="0" name="elite" alt=""></a></p>
   </td>
   </tr>
   </table>

wär gut, wenn mir jemand helfen könnte, danke schonmal
 
Status
Nicht offen für weitere Antworten.
Zurück