Abstand zwischen 2 Zeilen

Billy69 · 24.01.2004, 11:19

Hallo,
ich habe ein "kleines" Problem mit meinen Tabellen.

Ich habe eine Tabelle wo z.B. links Bilder und rechts Text hinkommen soll oder umgedreht (siehe auch Screenshot).

Ich habe nun also die zwei Bilder jeweils in eine Zelle gesteckt und zum Abstand halten dazwischen noch mal eine mit einem blind-gif. Dem habe ich dann eine bestimmte Höhe gegeben und dachte mir daß ich so die Äbstände immer gleich hinbekomme.
Funktioniert aber so leider nicht - WARUM??? *dummguck*

Kann mir einer weiterhelfen?

Hier mal die Quelltexte und Screenshots:

Tabelle1:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" rowspan="3">
 
 
 
 

</td>
<td width="24%" valign="top"><img src="images/Bergsicht_klein.jpg" width="215" height="133"></td>
<td valign="top" rowspan="3"> Trekking
in der Annapurna-Region
Tag 1 Abflug in Deutschland
Tag 2 Ankunft in Kathmandu
am Nachmittag. Transfer zum Hotel. Kleine Begrüßungszeremonie
durch die Reisleitung. Rest des Tages zur freien Verfügung.
Abendessen im Hotel
Tag 3 Frühstück
im Hotel. Besichtigung div. Sehenswürdigkeiten im
Kathmandu-Tal (Kathmandu, Bodanath & Pashupatinath).

Tag 4 Frühstück
im Hotel. Besichtigung div. Sehenswürdigkeiten im
Kathmandu-Tal 
(Patan, Bhaktapur & Swayambunath). 
</td>
<td width="3%" rowspan="3"> </td>
<td width="29%" rowspan="3" valign="top">
Tag 5 Transfer zum Flughafen
und Flug nach Pokhara. Nach der Ladung in Pokhara Begrüßung
durch den Trekkingguide. Danach eine ca. 10 minütige
Fahrt zum Damm des Phewa Sees von wo der Trek beginnt. 
 
Tag 6 Eine ca. 6 stündige Wanderung durch
den Wald von Bhumdi zum Panchase Paß (2070 m). Mittagessen
auf dem Weg. Abendessen und Übernachtung im Zeltlager.
Tag 7 Eine ca. 6 stündige
leichte Wanderung durch Gurung Dörfer vom Panchase
Paß nach Bhadaure (1970 m). Mittagessen auf dem
Weg. Abendessen und Übernachtung im Zeltlager. <a href="#" onClick="MM_timelineGoto('Timeline1','2')">weiter</a>
</td>
<td width="5%" rowspan="3"> </td>
</tr>
<tr>
<td width="26%" valign="top"><img src="images/leer.gif" width="215" height="10"></td>
</tr>
<tr>
<td width="24%" valign="top"><img src="images/Trekking_klein.jpg" width="215" height="156"></td>
</tr>
</table>

Tabelle 2:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5%" rowspan="3">
 
 
 
 

</td>
<td valign="top" rowspan="3">
Tag 8 Eine ca. 6 stündige
Wanderung durch Dörfer mit Bergsicht von Bhadaure
nach Birethanti 
(1037 m). Mittagessen auf dem Weg. 
Tag 9 Eine ca. 6 stündige
Wanderung von Birethanti nach Ghandruk (1951 m). 
Tag 10 Eine ca. 6 stündige
Wanderung durch Dörfer und Waldgebiet von Ghandruk
nach Landruk (1646 m). Mittagessen auf dem Weg. Abendessen
und Übernachtung im Zeltlager. 
Tag 11 Eine ca. 6 stündige
Wanderung durch Dörfer von Landruk nach Dampuss (1799
m). Mittagessen auf dem Weg. Abendessen und Übernachtung
im Zeltlager.
 
</td>
<td width="3%" rowspan="3"> </td>
<td width="29%" rowspan="3" valign="top">
Tag 12 Eine ca. 3 stündige
gemütliche Wanderung von Dampuss nach Phedi. Nach
dem Mittagessen von Phedi mit dem Bus oder Jeep nach Pokhara
(915 m) zum Flughafen. Von dort aus Rückflug nach
Kathmandu.
Tag 13 Frühstück
im Hotel. Tag zur freien Verfügung. Festliches Abendessen
zum Abschluss der Reise.
Tag 14 Rückflug nach
Deutschland
<a href="#" onClick="MM_timelineGoto('Timeline1','2')">zurück
</a><a href="tour3_Tibet.htm"> 
Weiter zur Tour 3 Tibet</a>
</td>
<td width="5%" rowspan="3"> </td>
<td width="24%" valign="top"><img src="images/Lake%20Pokhara_kl.jpg" width="215" height="144"></td>
</tr>
<tr>
<td width="26%" valign="top"><img src="images/leer.gif" width="215" height="10"></td>
</tr>
<tr>
<td width="24%" valign="top"><img src="images/quelle_klein.jpg" width="214" height="130"></td>
</tr>
</table>

AnnaStesia · 24.01.2004, 12:15

Hi,

ich hab den Fehler mit Deinem Code weder in IE6, Mozilla, oder NS4.7. Aber, falls Dir das hilft: aus dem Grund verwende ich grundsätzlich niemals rowspan oder colspan. Denn schau mal, was Du machst: Du hast drei Tabellenreihen. Die Zellen mit dem Text verbindest Du quasi zu einer Reihe. Was passiert nun, wenn der Text länger wird, als der Inhalt, den die Fotos ausfüllen? Der Browser kann selbst entscheiden, was er mit dem übrigen Platz macht. Du kannst nun der Zelle mit dem oberen Bild sowie der Zelle mit dem Blind-Gif die entsprechende Höhe zuweisen. Wirklich auf der sicheren Seite bist Du aber nur, wenn Du das rowspan ganz weglässt. Bilder und Blind-Gif packst Du in eine Tabelle mit drei Reihen & zugewiesener Höhe in den Zellen. Diese Tabelle packst Du dann in die entsprechende Zelle, richtest diese vertikal oben aus, et voilà. Kein rowspan und somit auch kein Interpretationsspielraum mehr für den Browser.

Grüße, AnnaStesia

petzi · 25.01.2004, 13:34

Die Tabelle könnte so aussehen:

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="3%">&nbsp;</td>
<td width="28%" valign="top">
<img src="images/Bergsicht_klein.jpg" alt="" height="133" width="215" align="left"> &nbsp; 
<img src="images/Trekking_klein.jpg" alt="" width="215" height="156" align="left"> &nbsp; 
</td>
<td width="3%">&nbsp;</td>
<td width="30%" valign="top">
INHALT 1
</td>
<td width="3%">&nbsp;</td>
<td width="30%" valign="top">
INHALT 2
</td>
<td width="3%">&nbsp;</td>
</tr>
</table>

Vorsicht – alle Bilder müssen in einer Zelle oder Absatz ausgerichtet werden sonst schwimmen sie bei älteren Browsern auf, und man muß den Platz nach dem Bild säubern ( ) wenn man mehrere hintereinander definiert. Die Abstände in die Tiefe erreicht man mit Blinden-Gifs oder Leerzeichen und Break.

Abstand zwischen 2 Zeilen

Ergänzung