/ / Was stimmt nicht mit meinem Tisch? - HTML

Was stimmt nicht mit meinem Tisch? - HTML

Hier ist der Code für die Tabelle:

<table align="center" width="303" height="740" border="1" cellpadding="10">
<tr>
<th width="130" height="41" scope="col">URL1 - Normal</th>
<th width="121" scope="col">URL2  - Hover</th>
</tr>
<tr>
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green-h.png" alt=""/></td>
</tr>
<tr>
<td height="124"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-blue-h.png" alt=""/></td>
</tr>
<tr>
<td height="147"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey-h.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-grey.png" alt=""/></td>
</tr>
<tr>
<td height="137"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-pink-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-red-h.png" alt=""/></td>
</tr>
<tr>
<td height="132"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black.png" alt=""/></td>
<td><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-black-h.png" alt=""/></td>
</tr>
</table>

Wenn ich die Tabelle einfüge, hinterlässt sie eine Lücke zwischen der Tabelle und dem Text. Wenn ich den Tisch entferne, ist alles in Ordnung. Was läuft hier falsch?

Antworten:

5 für die Antwort № 1

Blogspot fügt Zeilenumbrüche für Sie ein... und sie schieben den Tisch nach unten. (Ich habe noch keinen Workaround gefunden.)

Wenn Sie die Quelle anzeigen, können Sie sie sehen:

<table align="center" width="303" height="740" border="1" cellpadding="10"><br />
<tr><br />
<th width="130" height="41" scope="col">URL1 - Normal</th><br />
<th width="121" scope="col">URL2  - Hover</th><br />
</tr><br />
<tr><br />
<td height="94"><img src="/images/http://i1018.photobucket.com/albums/af309/5416339/ad-green.png"/></td><br />
...

Weil das BRs sind ungültig, wenn direkt in einem TABLE, TRoder nach einem TH oder TD, der Browser schiebt diese Elemente beim Rendern des DOM über und über die Tabelle hinaus.


1 für die Antwort № 2

Wenn Sie sich die Quelle der Seite ansehen, werden Sie eine TON von bemerken <br/> Tags, die mit Ihrer Tabelle durchsetzt sind (aber nicht in Zellelementen enthalten sind). Sie sind über den Tisch gerendert.

Es sieht so aus, als ob Ihr HTML von etwas geparst wird und Ihre Zeilenumbrüche durch BR-Tags ersetzt werden.

Schnelle Lösung: Entferne alle Zeilenumbrüche und lege einfach den Tabellencode auf eine Zeile :)


1 für die Antwort № 3

Es hat nichts mit dem Tisch zu tun. Es ist die Tatsache, dass es 31 <br> (Zeilenumbruch) Tags vor der Tabelle (das sind, was die große Lücke erstellen.

Es hört sich an wie BlogSpot (oder welcher Blog-Dienst auch immer verwendet wird) <br> Tags basierend darauf, wie Sie den Rest vonDein Inhalt. Bearbeiten Sie die Quelle der Seite, wenn möglich, und entfernen Sie sie manuell. Andernfalls wird sie zu einem Support-Problem bei jeder Blog-Plattform, auf der Sie gerade sind.


0 für die Antwort № 4

Das hat nichts mit Ihrem Ding zu tun table Markup. Wenn Sie die HTML-Quelle dieser Seite anzeigen, werden ca. 30 angezeigt <br> Tags vor dem Tisch. Sie sind offensichtlich für den zusätzlichen Platz verantwortlich.

Warum bekommst du 30? <br> Tags beim Einfügen einer Tabelle müssen etwas damit zu tun haben blogspot.com formatiert deinen Inhalt. Am besten versuchen Sie, den HTML-Code von Hand zu bearbeiten, um den HTML-Code zu entfernen <br> Stichworte. Wenn Sie das nicht tun können, oder wenn das <br> Tags erscheinen nicht beim Bearbeiten des HTML, es ist eine Frage für den Kundenservice bei Blogspot.