Ok, merci pour tes infos je vais regarder tes liens (j'avais parcouru ton lien concernant les balises bloc et en-ligne mais pas assez attentivement à ce que je vois et celle de Developpez que j'ai compris maintenant)
Malheureusement, je suis contraint par l'utilisation de liste (c'est pour la mise en page d'un slideshow utilisant la fonction liste).
Je dois donc comprendre qu'il n'y a pas de solutions à mon problème pour une mise en page de la sorte ? Ha ben, non en fait c'est tout con !
Puis j'ai trouvé ça :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
}
#block {
/*width:275px;
height:300px;*/
background:#F93;
}
#block ul {
list-style-type: none;
}
#block ul li {
float: left;
position:relative;
width: 240px;
background:#F00;
}
#block ul li h3 {
margin:0px;
position:absolute;
background:#00F;
top:100px;
right:0px;
}
#block ul li h2 {
margin:0px;
position:absolute;
background:#00F;
top:125px;
right:0px;
}
-->
</style>
</head>
<body>
<div id="block">
<ul>
<li><img src="img.jpg" alt="" name="img1" width="240" height="180" id="img1" />
<h3>monTexte1</h3>
<h2>monTexte2</h2>
</li>
<li><img src="img.jpg" alt="" name="img1" width="240" height="180" id="img2" />
<h3>monTexte1</h3>
<h2>monTexte2</h2>
</li>
<li><img src="img.jpg" alt="" name="img1" width="240" height="180" id="img3" />
<h3>monTexte1</h3>
<h2>monTexte2</h2>
</li>
<li><img src="img.jpg" alt="" name="img1" width="240" height="180" id="img4" />
<h3>monTexte1</h3>
<h2>monTexte2</h2>
</li>
</ul>
</div>
</body>
</html>
C'est validé XHTML par contre je suis preneur de vos remarques.
En tout cas merci de votre aide. Je finalise et je viens mettre le résolu (d'ailleurs comment, on fait
)
