Bonjour,

actuellement j'ai des pages bâties en tableau et impossible à maintenir proprement (ça c'est certain)
Je souhaite afficher des portraits (images alignés cote à cote en rang, des lignes de portraits les unes au-dessus des autres, quelque chose comme ceci



je voudrais définir des blocs positionnés comme ci-dessous




Ces blocs seraient définies par un code ul et li
La boite 1 serait la boite englobante contenant :
Le bloc 2 serait lié à img
Le bloc 3 serait liée à h2
Le bloc 4 serait liée à h3
Le bloc 5 serait liée à h4
Le bloc 6 serait liée à h5

Ce qui donnerait un code HTML
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul id="boite1">
  <li class=esp>
    <img src="abbass.jpg" border=0 width=165 height=110>
    <h3>Hiam ABBASS</h3><br>
    <h4>Née en 1950</h4>
    <h5>Dialogue avec mon jardinier</h5>
    <h6>2004</h6>
  </li >
  <li class=esp>
    <img src="toto.jpg" border=0 width=165 height=110>
    <h3>Jules MACHIN</h3><br>
    <h4>Née en 1959</h4>
    <h5>Le deuxieme souffle</h5>
    <h6>2004</h6>
  </li >
...........
 </ul>


Le code CSS pourrait être:
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
#boite1 li { 
float:left;
list-style-type: none;/*pour supprimer les puces*/
}


1° Question : le "float.left" signifie que les li de boite1 flottent ou que ce qui est contenu dans les li flotte ?

2° question : qu'est-ce que je dois écrire pour que boite2, boite3.. soient des enfants de boite1 ?
Je pensais à :

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
#h3 li{
....
}
#h4 li{
...
}
....


Vos avis vont peut-être me guider

Cette discussion reprend une discussion antérieure (3 pages) non résolue


Merci