5568 sujets

Sémantique web et HTML

Bonjour,

Je cherche veinement l'origine du problème. Je transfert un site de <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> et html5 : <!DOCTYPE HTML>

mais les cellules de tableau en html5 ne s'adaptent pas au contenu. J'ai isolé le code minimal qui fait apparaîitre le problème:

En html5 : l'image faite 102*202 px alors que la cellule fait 102*207 px ? mesure par l'outil de développement de Chrome .

En html4.01 transitionnal l'image fait aussi 102*202px mais la cellule fait aussi 102*202.

Je cherche une solution globale en html5 un petit parametre global en css par exemple qui permet qu'en html5 on est le même affichage pour ce tableau qu'en hTML4.01.

Merci si vous avez une piste.


Voici le code:


<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
</head>
<body bgcolor="#dce1e2">
<table border="0" cellpadding="0" cellspacing="0" width="100"  bgcolor="#dce1e2" >
<tr><td bgcolor="#ffffff"><img src="./spacer.gif" width="100" height="200" border="1"></td></tr>
</table>
</body></html>

Modifié par antoinebba (30 Apr 2013 - 16:24)
Hello,

si j'ai bien compris, la cellule qui ne s’adapte pas contient une image. Essayes un display:block sur ton image et tu devrais aimer le résultat.

Ju
JulienFouquet a écrit :
Hello,

si j'ai bien compris, la cellule qui ne s’adapte pas contient une image. Essayes un display:block sur ton image et tu devrais aimer le résultat.

Ju


Smiley ravi J'aime le résultat. C'est un peu magique pour moi mais ca marche. La cellule td s'adapte au contenu donc à l'image.
Merci.