Bild verschiebt sich und großer Abstand?

[Sciron]

Hallo,

ich habe heute an meiner Homepage gebastelt
( www.rucksack-center.de/index12.htm ) und nun habe ich ganz unten ab dem Eastpak Zeichen folgendes Proplem:

Damit ich Abstand zwischen den zwei Tabellen habe, habe ich die eine Tabelle einfach nach rechts eingeschoben. Nun ist aber das Dakine Bild etwas höher geraten, warum? Gibt es denn auch eine andere Möglichkeit, zwischen den zwei Tabellen in der Mitte Abstand zu lassen??

Ziwschen dem Eastpak Logo und dem Rucksack mit der Kurzbeschreibung ist sehr viel Platz. Aber im HTML-Code habe ich da kein <br> eingegeben. An was liegt denn das??

Hier der Code ab dem unteren Eastpak Logo:
CODE <table >
<tr>
<td><a href="shop.htm" target="_parent"><img src="/graphics/eastpak.gif" alt="East pak Eastpack" border="0"></td>
<td><ul><a href="shop.htm" target="_parent"><img src="/graphics/dakine.gif" alt="Dakaine Da kine" border="0"></ul></td>
</tr>
<tr>
<td><a href="shop.htm">
<img border="0" src="graphics/index/eastpak.jpg" align="left"></a><br><a href="shop.htm">Eastpak Übersicht</a><br><br>Modell "Constrictor"<br>Ist und bleibt<br>der absolute Trend</td>
<td><ul><a href="shop.htm">
<img border="0" src="graphics/index/dakine.jpg" align="left"></a><br><a href="shop.htm">Dakine Übersicht</a><br><br>Modell "Wonder"<br>Jeder will ihn<br>wir haben ihn</ul></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

 

[Jörg Kruse]

Du hast auf der rechten Seite im Gegensatz zur linken Seite zweimal ein <ul></ul>, welches überhaupt keinen Sinn macht, aber wohl den Abstand schafft, den du nicht haben möchtest. Wenn du die tags rausnimmst, sind Logo und Rucksack wahrscheinlich wieder näher bei einander

 

[Sciron]

Gibt es vielleicht eine andere Möglichkeit, einen Abstand rein zu bekommen??

 

[Jörg Kruse]

Da gibt es mehrere Möglichkeiten

z.B. für die Tabbellenzellen eine bestimmte Breite definieren

oder mit padding einen Innenabstand definieren; wenn nur Abstand zwische der linken und rechten Spalte geschaffen werden soll, für die linken Tabellenzellen padding-right und für die rechten Tabellenzellen padding-left, z.B.:

<tr>
<td style="padding-right:20px"><a href="shop.htm" target="_parent"><img src="/graphics/eastpak.gif" alt="East pak Eastpack" border="0"></td>
<td style="padding-left:20px"><a href="shop.htm" target="_parent"><img src="/graphics/dakine.gif" alt="Dakaine Da kine" border="0"></td>
</tr>