Mosaique d'images pour ma page Liens...Mise en forme ??

Bonjour à tous,

J'aimerai pour ma nouvelle page Liens mettre une mosaique de photos comme ça :

http://img186.imageshack.us/img186/3954/liens1yx3.jpg

Le tout pour moi est maintenant de mettre en page mais comment faire ?

Y a t'il une façon pas trop lourde ? ou dois ej faire une <di> pour chaque image ??

Je sais que la balise <map> pourais gerer ça mais y a t'il une autre façon ?

De plus est il possible de mettre un genre d'infobulle au passage de la souris ?

Merci a tous

salut,

inutile de faire une <div> par image, tu peux par contre en faire une dont la largeur est égale à la largeur * le nombre d'images que tu veux intégrer par ligne;

6(images) * 100px(largeur d'1 image) = 600px (largeur de la div - width:600px)

appliquer à chaque image les propriétés display:block; float:left et veiller à ce que tous les margin et padding soient à 0.

en gros, ça devrait fonctionner comme ça.

Si tu as un décalage entre tes lignes, tu peux insérer entre chaque une div dont tu mets tous les paramètres à zéro, et à laquelle tu appliques la propriété clear:both

soit :

<div style="width:600px">
<img style="display:block;float:left"><img><img><img><img><img><img><img><img><img><img> ...
</div>

Merci bcp !!!