Discussion :

[archag]

bonjour
Imaginez un panel d'images en nombre couvrant la page du browser.
Ce que je voudrais bien savoir c'est que quand on réduit à la souris la fenetre du browser les images, qui ont tendance à partir hors champ , comment faire pour qu'elles passent automatiquement à la ligne pour rester le plus longtemps possible visible quand on réduit la fenetre

[kOrt3x]

bonjour
Imaginez un panel d'images en nombre couvrant la page du browser.
Ce que je voudrais bien savoir c'est que quand on réduit à la souris la fenetre du browser les images, qui ont tendance à partir hors champ , comment faire pour qu'elles passent automatiquement à la ligne pour rester le plus longtemps possible visible quand on réduit la fenetre

Rien compris...

[thelvin]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="img1.jpg" /> <img src="img2.jpg" />

... Et ainsi de suite. Ça marche plutôt bien.

[archag]

bon alors je balance toute la sauce...
quand on redimensionne une fenêtre d'un dossier Windows avec des images en vignettes, il y a un agencement automatique qui redispose les images pour qu'elles soient le plus possible visualisables. Elles passent à la ligne pendant le mouvement de rapetissement. Avec du code standard HTML ou un tableau standard en HTML ce n'est pas le cas . Les images restent alignées en rang d'oignons quitte à disparaitre hors cadre en mesure du rapetissement opéré sur la fenetre du browser.(donc le code donné par l'obligeant thelvin ne va pas)
Sur "google images" par exemple le réagencement dans la mise en page est comme avec le dossier Windows expliqué plus haut. Donc c'est possible pour une page Web comme avec un dossier Windows.

comme je me rends compte que c'est difficile j'ai eu un debut de reponse sur un autre forum

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="viewFrame">

est valable. En HTML pur ça répond à ma question.

Mais quand je veux l'adapter à mon site wiki ça ne va pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="viewFrame">[[Image:01.jpg|center|100px]][[Image:02.jpg|center|100px]][[Image:03.jpg|center|100px]][[Image:04.jpg|center|100px]][[Image:05.jpg|center|100px]][[Image:06.jpg|center|100px]][[Image:07.jpg|center|100px]][[Image:08.jpg|center|100px]][[Image:09.jpg|center|100px]][[Image:10.jpg|center|100px]][[Image:11.jpg|center|100px]][[Image:12.jpg|center|100px]]</div>

les images s'alignent verticalement au centre de la page.
je voudrais bien mettre en ligne les pages d'un manuel scolaire de géographie élémentaire. Chaque page est une illustration colorée en format jpg. Avant de voir la page du manuel il faut cliquer sur une vignette parmi la collection de vignettes qui couvre l'écran. La dynamique de l'ordre de rangement des previews doit s'adapter selon les grandeurs d'écran, la résolution d'affichage des visiteurs et des redimensionnements de fenêtre du browser avec la souris.

D'ou ma question sur le forum pour afficher une collection de vignettes et rendre le <div class="viewFrame"> compatible wiki

[archag]

j'ai trouvé la solution. c'était trop simple... ce n'est pas pour rien que j'ai dit noob dans le titre

[Vil'Coyote]

bonjour
Imaginez un panel d'images en nombre couvrant la page du browser.
Ce que je voudrais bien savoir c'est que quand on réduit à la souris la fenetre du browser les images, qui ont tendance à partir hors champ , comment faire pour qu'elles passent automatiquement à la ligne pour rester le plus longtemps possible visible quand on réduit la fenetre

heu, je comprend pas grand chose et pour le peu que je puisse comprendre j'en vois pas l'intérêt. c'est normal?