5568 sujets

Sémantique web et HTML

Conversion de l'HTML 4.01 au XTHML 1.0

Salut à tous,

J'ai mis en place il y a quelques mois un petit site simple codé en HTML 4.0.1, maintenant je voudrais le rendre en XHTML 1.0 Strict.
Le plus dur étant le début, je n'arrive pas à cette conversion car les images ne se trouvent pas là où elles doivent se trouver.
Voici une partie du code :
[....]<body>
<div id="plan">
<table align="center" cellpadding="0" cellspacing="0" height="100%">
	<tbody><tr>
		<td rowspan="1" class="haut01"></td>
		<td rowspan="1" class="haut02"></td>
		<td class="haut03"></td>
		<td id="hautdepage" rowspan="5"></td>
	</tr>
	<tr>
		<td class="haut04"></td>
	</tr>
	<tr>
		<td class="menu_h"></td>
		<td><img alt="" src=""></td>
		<td bgcolor=""><a href=""><img alt="" src="" border="0"></a></td>
	</tr>
	<tr>
		<td rowspan="1" valign="top"><img alt="" src=""></td>
		<td rowspan="1" class="menu">
		<br>
		<img src="" height="" width=""><br>

		<br>
		<div id="separation"></div>
	  </td>[...]


Et je voudrais le rendre en XHTML, alors j'ai enlever les tableaux et je les ai remplacé par des div mais je ne sais pas pourquoi les images ne s'affichent pas et elles sont coller les unes au autres ...

Si quelqu'un pouvait me donner un petit coup de pouce, ça sera trés gentil de sa part.
Bonsoir,

Tu nous fais part ici de ton code avec les tableaux. Je pense que le mieux serait que tu postes ton nouveau code qui te pose problème au niveau des images. Nous pourrions ainsi t'indiquer plus aisément les éléments à corriger, les éventuelles marges à ajouter, etc. pour que tu puisses obtenir l'affichage qui te convient.
Modifié par Romain H. (29 Oct 2005 - 21:48)
Les div, c'est un élément de block si je me rappel bien. Ceci veut dire que un peu a la manière d'un paragraphe, il y a de l'espace au dessus en en dessous de la div. J'ai eu le même problème sur mon site. J'ai simplement donner une valeur de 0 à la marge, le padding et la bordure. Sa ressemble a ceci:

div {
border: 0px none ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
Bonjour,

Enalung a écrit :
Les div, c'est un élément de block si je me rappel bien. Ceci veut dire que un peu a la manière d'un paragraphe, il y a de l'espace au dessus en en dessous de la div.


L'élément div ne comporte pas de padding, margin ou border dans les styles par défaut appliqués par les différents les navigateurs.
Modifié par Laurent Denis (30 Oct 2005 - 06:55)
Sujet clos
Aller à