Ca ressemble à ce que je veux, mais y'a quelques petits soucis:
-j'ai 4 lignes de 9 cellules et en dessous, 1 ligne de 6 cellules
-je n'ai pas mes 7 cellules d'origine fusionnées en haut du tableau d'origine
-les lignes 2,3 et 4 semblent englobées dans 'je ne sais pas quoi'
Une image vaut mieux que de longues explications
Voilà ce que ça me donne:
Le code:
<style type="text/css"> #liste_photos { list-style-type: none; margin: 0; padding: 0; border: 1px solid #000; } #liste_photos li { text-align: center; border: 1px solid #000; width: 100px; height: 100px; margin: 2px; float: left; overflow: hidden; } </style>
</head> <body> <ul id="liste_photos"> <li><a href="image1.html"><img src="image1.jpg"></a></li> <li><a href="image2.html"><img src="image2.jpg"></a></li> <li><a href="image3.html"><img src="image3.jpg"></a></li> <li><a href="image4.html"><img src="image4.jpg"></a></li> <li><a href="image5.html"><img src="image5.jpg"></a></li> <li><a href="image6.html"><img src="image6.jpg"></a></li> <li><a href="image7.html"><img src="image7.jpg"></a></li> <li><a href="image8.html"><img src="image8.jpg"></a></li> <li><a href="image9.html"><img src="image9.jpg"></a></li> <li><a href="image10.html"><img src="image10.jpg"></a></li> <li><a href="image11.html"><img src="image11.jpg"></a></li> <li><a href="image12.html"><img src="image12.jpg"></a></li> <li><a href="image13.html"><img src="image13.jpg"></a></li> <li><a href="image14.html"><img src="image14.jpg"></a></li> <li><a href="image15.html"><img src="image15.jpg"></a></li> <li><a href="image16.html"><img src="image16.jpg"></a></li> <li><a href="image17.html"><img src="image17.jpg"></a></li> <li><a href="image18.html"><img src="image18.jpg"></a></li> <li><a href="image19.html"><img src="image19.jpg"></a></li> <li><a href="image20.html"><img src="image20.jpg"></a></li> <li><a href="image21.html"><img src="image21.jpg"></a></li> <li><a href="image22.html"><img src="image22.jpg"></a></li> <li><a href="image23.html"><img src="image23.jpg"></a></li> <li><a href="image24.html"><img src="image24.jpg"></a></li> <li><a href="image25.html"><img src="image25.jpg"></a></li> <li><a href="image26.html"><img src="image26.jpg"></a></li> <li><a href="image27.html"><img src="image27.jpg"></a></li> <li><a href="image28.html"><img src="image28.jpg"></a></li> <li><a href="image29.html"><img src="image29.jpg"></a></li> <li><a href="image30.html"><img src="image30.jpg"></a></li> <li><a href="image31.html"><img src="image31.jpg"></a></li> <li><a href="image32.html"><img src="image32.jpg"></a></li> <li><a href="image33.html"><img src="image33.jpg"></a></li> <li><a href="image34.html"><img src="image34.jpg"></a></li> <li><a href="image35.html"><img src="image35.jpg"></a></li> <li><a href="image36.html"><img src="image36.jpg"></a></li> <li><a href="image37.html"><img src="image37.jpg"></a></li> <li><a href="image38.html"><img src="image38.jpg"></a></li> <li><a href="image39.html"><img src="image39.jpg"></a></li> <li><a href="image40.html"><img src="image40.jpg"></a></li> <li><a href="image41.html"><img src="image41.jpg"></a></li> <li><a href="image42.html"><img src="image42.jpg"></a></li> </ul> </body> </html>