nicht angemeldet
HTML/Tabelle
Hallo zusammen,
ich habe ein dringendes Problem:
Bei diesem Tag, ist das Bild "lupe.gif" und der farbige Kasten, nicht genau am rechten Rand des 2. Bild "test2.jpg". Was hab ich falsch gemacht? Kann mir jemand helfen?
Tag:
<table width="50" cellpadding="0" cellspacing="0" border="1" align="center">
<tr>
<td></td>
<td align="center"><img src="images/test1.jpg" vspace="0" hspace="0" align="top" alt=""></td>
<td align="center"><img src="images/test2.jpg" vspace="0" hspace="0" align="top" alt=""></td>
</tr>
<tr>
<td></td>
<td><table width="100%" border="1" cellspacing="0" cellpadding="0"></td>
<tr>
<td bgcolor="#FFDBD6"><a href="/.net/QCPGZVPGPTPZTGDDGTQYTY/picture/1781/2297.html"><img src="images/lupe.gif" width="17" height="17" border="0" alt="" align="right" valign="top" hspace="0" vspace="0"></a></td>
<td bgcolor="#FFDBD6"><a href="/.net/QCPGZVPGPTPZTGDDGTQYTY/picture/1781/2297.html"><img src="images/lupe.gif" width="17" height="17" border="0" alt="" align="right" valign="top" hspace="0" vspace="0"></a></td>
</tr>
</table>
</table>
-
Hallo David,
Bei diesem Tag, ist das Bild "lupe.gif" und der farbige Kasten, nicht genau am rechten Rand des 2. Bild "test2.jpg". Was hab ich falsch gemacht? Kann mir jemand helfen?
Du arbeitest mit verschachtelten Tabellen. Die Verschachtelung ist Dir nicht ganz gelungen:
<table width="50" cellpadding="0" cellspacing="0" border="1" align="center">
<tr>
<td></td>
<td align="center"><img src="images/test1.jpg" vspace="0" hspace="0" align="top" alt=""></td>
<td align="center"><img src="images/test2.jpg" vspace="0" hspace="0" align="top" alt=""></td>
</tr>Eine Zeile mit drei Zellen
<tr>
<td></td>Es gibt Browser, die leere Zellen anders darstellen als Du Dir das vorstellst :-)
<td><table width="100%" border="1" cellspacing="0" cellpadding="0"></td>
In die zweite Zelle der zweiten Zeile beginnst Du eine neue Tabelle. Das ist durchaus erlaubt, aber nach <table> kommt <tr> nicht </td> ...
<tr>
<td bgcolor="#FFDBD6"><a href="/.net/QCPGZVPGPTPZTGDDGTQYTY/picture/1781/2297.html"><img src="images/lupe.gif" width="17" height="17" border="0" alt="" align="right" valign="top" hspace="0" vspace="0"></a></td>
<td bgcolor="#FFDBD6"><a href="/.net/QCPGZVPGPTPZTGDDGTQYTY/picture/1781/2297.html"><img src="images/lupe.gif" width="17" height="17" border="0" alt="" align="right" valign="top" hspace="0" vspace="0"></a></td>
</tr>Also eine Tabelle mit einer Zeile und zwei Spalten
</table>
Hier ist die zweite Zelle der zweiten Zeile der äußeren Tabelle zuende. Schließe sie. Es sollte die dritte Zelle folgen, danach das Zeilenende.
</table>
Grundsätzlich solltest Du Formatierungsausgaben nicht mehr mit HTML-Attributen vornehmen, nutze lieber CSS. Schau Dir dazu das entsprechende Kapitel Tabellenformatierung in SelfHTML an.
Wenn Du schon Tabellen für Layoutzwecke verwendest, dann zeichne Dir die Struktur vorher auf Papier auf und setze sie entsprechend um. Lies dazu auch den Abschnitt Tabellenaufbau.
Freundliche Grüsse,
Vinzenz