/ / Quel est le problème avec ma table? - html

Qu'est-ce qui ne va pas avec ma table? - html

Voici le code de la table:

<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>

Lorsque j'insère la table, cela laisse un espace entre la table et le texte. Si je retire la table, alors tout va bien. Qu'est-ce qui ne va pas ici?

Réponses:

5 pour la réponse № 1

Blogspot insère des sauts de ligne pour vous... et ils repoussent la table. (Je n'ai pas encore trouvé de solution de contournement.)

Si vous visualisez la source, vous pouvez les voir:

<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 />
...

Parce que le BRs sont invalides quand directement dans un TABLE, TR, ou après un TH ou TD, le navigateur pousse ces éléments en dehors de la table lors du rendu du DOM.


1 pour la réponse № 2

Si vous regardez la source de la page, vous remarquerez une TON de <br/> les tags intercalés avec votre table (mais non contenus dans les éléments de la cellule). Ils sont rendus au-dessus de la table.

Il semble que votre HTML soit analysé par quelque chose et que vos sauts de ligne soient remplacés par des balises BR.

Solution rapide: supprimez tous les sauts de ligne et ayez juste le code de la table sur une seule ligne :)


1 pour la réponse № 3

Cela n'a rien à voir avec la table. C'est le fait qu'il y a 31 <br> (saut de ligne) les balises avant la table (ce qui crée l’énorme fossé).

Il semble que BlogSpot (ou tout autre service de blog que vous utilisez) ajoute <br> tags en fonction de la façon dont vous "formatez le restevotre contenu Modifiez la source de la page si possible et supprimez-les manuellement. Sinon, cela devient un problème de support avec la plate-forme de blog sur laquelle vous êtes.


0 pour la réponse № 4

Cela n'a rien à voir avec quoi que ce soit dans votre table balisage Affichage de la source HTML de cette page montre environ 30 <br> étiquettes en avant de la table. Ils sont évidemment responsables de l'espace supplémentaire.

Pourquoi vous obtenez 30 <br> les balises lors de l'insertion d'une table doivent avoir quelque chose à voir avec la façon dont blogspot.com met en forme votre contenu. Votre meilleur pari est d'essayer de modifier le HTML à la main pour supprimer le <br> Mots clés. Si vous ne pouvez pas le faire, ou si le <br> Les tags ne s'affichent pas lors de l'édition du HTML, c'est une question pour le service client de Blogspot.