Hallo

Ich bin dabei eine Seite mit Hilfe einer Tabelle zu gestalten. Das Design habe ich im Photoshop gemacht und nun setze ich das ganze im Dreamweaver zusammen. Ich habe alle Tabellen exakt nach Pixel ausgemessen und die Werte der Tabellen im Code nochmals nachkontrolliert. Die horizontalen Zellen sind ok. Eigentlich sollte alles stimmen aber trotzdem verschieben sich die Tabellen (vertikal) immer wieder was sich so äussert:

Ich habe eine Zelle wo ich eine Linie (gif) eingefügt habe, normalerweise sollte sich doch die Zelle genau an die Ausmasse dieser Linie (gif) halten (Im Code stimmen die Pixelwerte auch mit den Werten im (gif) überein und im Dreamweaver siehts tiptop aus.) Jetzt entsteht aber im Browser immer wieder ein Weissraum unter der Linie was mir einen unschönen Zwischenraum gibt.

Hallo,

kann ich da mal den Quellcode zu sehen bitte?

Gerne, hier:

Diese Zeile sollte es sein:

<td height="7" colspan="3"><img src="linie_3spalten.gif" alt="linie_3sp" width="585" height="7" /></td>

Die Grösse des Gifs (linie_3spalten.gif) beträgt: 585x7 pixel.




Hier noch der ganze Queltext dieser Tabelle:

</table>
<table width="611" height="145" border="0" cellpadding="0"cellspacing="0">
<tr>
<td width="12" rowspan="2"><img src="spacer_10x10.gif" alt="spacer" width="12" height="144" /></td>
<td height="7" colspan="3"><img src="linie_3spalten.gif" alt="linie_3sp" width="585" height="7" /></td>
<td width="14" rowspan="2"><img src="spacer_10x10.gif" alt="spacer" width="14" height="144" /></td>
</tr>
<tr>
<td width="185" height="138"><img src="grosser_bild.gif" alt="grosses_bild" width="185" height="138" /></td>
<td width="15"><img src="spacer_10x10.gif" alt="spacer" width="15" height="138" /></td>
<td width="385"><p><span class="untertitel">S&auml;ndel Svensson:</span><br />
<span class="zitat">&laquo;Die Meisterschaft ist noch nicht gelaufen!&raquo;<br />
<br />
</span><span class="text">White Horse sind zwar unglaublich stark, aber nicht unschlagbar. Jedes Spiel muss zuerst gespielt werden. Dies sieht auch Jaime Espinosa so, der 24 j&auml;hrige Spanier wird jede Saison st&auml;rker und mustert sich langsam zum absoluten Ligastar.<br />
<img src="pfeil.gif" alt="pfeil" width="7" height="7" /> mehr...</span></p> </td>
</tr>
</table>

Hi,

probier's mal so:

Code

<td height="7px" width="585px" colspan="3"><img src="linie_3spalten.gif" alt="linie_3sp" width="585px" height="7px" /></td> 

Hier noch die Bilder dazu:

So siehts im Dreamweaver aus:
http://www.razziell.ch/problem/dreamweaver.gif


und das geschieht dann im Browser:
http://www.razziell.ch/problem/safari.gif

Nö, deine Variante hat auch nichts gebracht...

Oh je je, langsam verzweifle ich mit diesem Ding!

Hallo SandroJenny,

versuche es mal mit diesem Code:

<table width="611" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="12" rowspan="2"><img src="spacer_10x10.gif" alt="spacer" width="12" height="145"></td>
<td colspan="3"><img src="linie_3spalten.gif" alt="linie_3sp" width="585" height="7"></td>
<td width="14" rowspan="2"><img src="spacer_10x10.gif" alt="spacer" width="14" height="145"></td>
</tr>
<tr>
<td width="185"><img src="grosser_bild.gif" alt="grosses_bild" width="185" height="138"></td>
<td width="15"><img src="spacer_10x10.gif" alt="spacer" width="15" height="138"></td>
<td width="385"><p><span class="untertitel">S&auml;ndel Svensson:</span><br>
<span class="zitat">&laquo;Die Meisterschaft ist noch nicht gelaufen!&raquo;<br>
<br>
</span><span class="text">White Horse sind zwar unglaublich stark, aber nicht unschlagbar. Jedes Spiel muss zuerst gespielt werden. Dies sieht auch Jaime Espinosa so, der 24 j&auml;hrige Spanier wird jede Saison st&auml;rker und mustert sich langsam zum absoluten Ligastar.<br>
<img src="pfeil.gif" alt="pfeil" width="7" height="7"> mehr...</span></p></td>
</tr>
</table>

ok, werde es mal versuchen.

was hast du geändert? Resp. welche Fehler hast du gefunden?

Wäre noch gut zu wissen, damit ich das nächste Mal vielleicht selber darauf komme...

Hallo SandroJenny,

hat es daenn was gebracht? Funtioniert es nun?

nö, leider nicht.

danke trotzdem.

versuch mal im Stylesheet folg. anzufügen:

Code

 
img { 
display: inline; 
border: 0; 
margin: 0; 
padding: 0; 
} 

Es geht auch ganz ohne Tabelle:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<style> 
.oben{border-width: 6px 0 0 0; border-color:#ff0000; border-style:solid;width:580px} 
.links{border-width: 0 0 0 180; border-color:#FF9999; border-style:solid;padding-left:12px} 
</style> 
</HEAD> 
 
<BODY> 
<div class="oben"><div class="links"> 
<span class="untertitel">S&auml;ndel Svensson:</span><br>  
<span class="zitat">&laquo;Die Meisterschaft ist noch nicht gelaufen!&raquo;</span> 
<br><br> 
<span class="text">White Horse sind zwar unglaublich stark, aber nicht unschlagbar.  
Jedes Spiel muss zuerst gespielt werden. Dies sieht auch Jaime Espinosa so,  
der 24 j&auml;hrige Spanier wird jede Saison st&auml;rker und mustert sich langsam  
zum absoluten Ligastar. 
<br>  
<img src="pfeil.gif" alt="pfeil" width="7" height="7"> mehr...</span> 
</div></div> 
</BODY> 
</HTML> 

Hallo nochmals.

Danke für die Mühe die ihr euch alle macht. Aber ich kapiere immer noch nicht wieso das alles nicht funktioniert. Das ist nicht das erste Mal wo dieses Problem auftaucht.

Ist das ein Dreamweaver-Problem? Schreibt das Ding einen schlechten Code oder ist das generell so, dass man bei Tabellen mit solchen Schwierigkeiten zu kämpfen hat? Ich absolviere im Moment einen Webdesign-Kurs, aber der Kursleiter konnte mir auch noch keine Lösung zu diesem Problem präsentieren...

Jetzt hats mir z.B links auch noch die Navi-Tabelle verschoben...

Das mit dem StyleSheet kapiere ich nicht. Ich kenne nur ein paar CSS-Grundlagen, habe z.B die Links, Titel usw. mit einem externen CSS-File gelöst.

Und ohne Tabellen möchte ich das nicht lösen. Da ich eigentlich von Tabellen ziemlich überzeugt bin, wenn sie funktionieren.