Images dans cadre

Bonsoir,

J'ai une vingtaine d'images qui s'affichent en vignettes verticalement :

<a onclick="return showPic(this)" href="repertoire/image_01.jpg" target="photo">
<img src=" repertoire/vignette_01.jpg " width="60" height="45" ALT="" BORDER=0>
</a>
<a onclick="return showPic(this)" href="repertoire/image_02.jpg" target="photo">
<img src="repertoire/image_02.jpg" width="60" height="45" ALT=" " BORDER=0>
</a>
Et ainsi de suite pour les autres images.

Je voudrais les afficher horizontalement, et je n'y arrive pas alors que ça ne me semble pas compliqué (et la frustration est encore plus difficile à gérer.), et si possible je souhaiterais les avoir dans un cadre qui aurait un ascenseur horizontal.

Vous pourriez me donner un coup de main ?

Merci pour votre aide,
TOONIE

Salut,

Il faut que tu mette des images dans un balise div dont la largeur sera inférieure à 2x(largeur de l'image)
exemple :

<div id="vertical">
    <a onclick="return showPic(this)" href="repertoire/image_01.jpg" target="photo">
   <img src=" repertoire/vignette_01.jpg " width="60" height="45" ALT="" BORDER=0>
    </a>
    <a onclick="return showPic(this)" href="repertoire/image_02.jpg" target="photo">
    <img src="repertoire/image_02.jpg" width="60" height="45" ALT=" " BORDER=0>
    </a>
</div>

dans le css :

#vertical
{
height:150px;
width:100px;
overflow:auto;
}

le overflow:auto c'est si le total de la hauteur de tes images est plus grand que le div, une barre de défilement apparait.

Voilà

bizibiz17 -> Il veut horizontalement, pas verticalement. L'idée pour faire afficher tous tes images horizontalement serait d'utiliser un tableau. C'est beaucoup plus propre que d'essayer de faire des twick avec le CSS.

Une image ici

Une autre ici ...

et ainsi de suite

Si tu veux une barre de défilement, il suffit d'utiliser un div avec l'attribut overflow comme bizibiz17 le fait.