Comment crée une barre déroulante dans un code

[Hley]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://les-3-clans-lgdc.forumactif.com

Description du problème

Bonjour, bonsoir, j'ai un problème qui nécessite certainement une grande concentration vue l'ampleur du code. Alors voilà, mon problème est que sur le forum qu'est : http://les-3-clans-lgdc.forumactif.com, j'ai un atelier de dessin, mais bref passons.

Pour cet atelier j'expose toutes mes œuvres mais le problème est que je n'ai pas vraiment l'envie de les mettre en spoiler je voudrais crée dans le code en lui même une barre déroulante verticale, vous savez comme c'elle a droit du forum pour descendre et monter... Je ne suis pas vraiment douée dans cette matière là alors je préfère demander a c'eux qui sauront m'aider plutôt que d'essayer de faire n'importe quoi.

Voici une partie du code en question où je voudrais qu'il y ait la barre déroulante, si besoin est :

Code:

<div style="font-family:great vibes; font-size:40px;text-align:center;text-transform: lowercase;border-bottom: 1px solid gray;color: black;width:400px;">Animaux</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:white; padding: 10px 10px 10px 10px; width:400px;">- petit renard :

http://i86.servimg.com/u/f86/19/31/03/27/img_2111.jpg

- chat 1 :

http://i86.servimg.com/u/f86/19/31/03/27/dessin10.jpg

- chat 2 :

http://i86.servimg.com/u/f86/19/31/03/27/dessin11.jpg

- chat 3 :

http://i86.servimg.com/u/f86/19/31/03/27/img_2113.jpg

- Renard ailé :

http://i86.servimg.com/u/f86/19/31/03/27/img_2110.jpg

- Berger allemand (juste la tête) :

http://i86.servimg.com/u/f86/19/31/03/27/img_2112.jpg

- cheval 1 :

http://i86.servimg.com/u/f86/19/31/03/27/img_2114.jpg

- cheval 2 :

http://i86.servimg.com/u/f86/19/31/03/27/img_2115.jpg

- chat 3 tigré :

http://i86.servimg.com/u/f86/19/31/03/27/img_3210.jpg

- chat 4 :

http://i86.servimg.com/u/f86/19/31/03/27/img_3211.jpg
   
- Bounty le chien d'Hanna (du clan) :

https://i58.servimg.com/u/f58/19/66/17/11/chien_11.jpg

- Loup qui hurle :

https://i58.servimg.com/u/f58/19/66/17/11/loup_h12.jpg

- Loups en meute :

https://i58.servimg.com/u/f58/19/66/17/11/loup_e12.jpg

[center][size=16]! Nouveauté ![/size][/center]


- Hamtaro :

https://i62.servimg.com/u/f62/18/59/61/84/img_5014.jpg

- Mini-Likrone (Dofus) :

https://i62.servimg.com/u/f62/18/59/61/84/img_5015.jpg
</div>

[Faline]

Bonsoir,

Penses-tu à quelque chose comme

Code:

<div style="width:700px;height:200px;overflow:auto;">
<!-- (valeurs à choisir librement) -->
<p><img src="http://i86.servimg.com/u/f86/19/31/03/27/img_2111.jpg"></p>< /br>
<p><img src="http://i86.servimg.com/u/f86/19/31/03/27/dessin10.jpg"></p>< /br>
<p><img src="http://i86.servimg.com/u/f86/19/31/03/27/dessin11.jpg"></p>< /br>
</div>

?

Je n'ai pas compris si tu voulais mettre les liens ou afficher les images. Dans mon exemple j'ai choisi d'afficher les images :


Tu pourras évidemment mettre tous tes compléments de style et même ajouter des attributs pour les ascenseurs.

Remarque : une autre idée serait de mettre des vignettes à cliquer...

[Hley]

Merci beaucoup votre post m'a agréablement aidée !