Discussion :

[budhax]

Bonjour,
A. CONTEXTE
Ces albums HTML
http://www.airfirst.ch/b1/album_im.html (version en MAP)
http://www.airfirst.ch/b1/album_div.html (version en DIV)
sont générés automatiquement par un script batch. Mais DOS ne permet pas de connaître les dimensions hauteur/largeur d'un fichier image. Ce script est donc limité au album avec toutes les images de mêmes dimensions, pour éviter le problème de l'image n° 2 http://www.airfirst.ch/b1/PiCS/Pic002.JPG

B. NAVIGATION
Clic sur la moitié droite/gauche de l'image pour descendre/remonter vers l'image suivante/précédente.

C. QUESTION (version en DIV http://www.airfirst.ch/b1/album_div.html )
Pour éviter le problème de l'image n° 2 http://www.airfirst.ch/b1/PiCS/Pic002.JPG
comment construire une boîte DIV auto-ajustable à la taille d'une image (avec 2 moitiés cliquables) sans utiliser des valeurs absolues:

Code :

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

DIV.Box {position:relative;width:360Px;height:240Px;margin:10Px 0;}

Merci d'avance. Bien à vous.

[Floriang33]

Essayes d'utiliser un max-height et un max-width.

[budhax]

Ceci:

Code :

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

DIV.Box  {position:relative;width:360Px;height:240Px;max-width:360Px;max-height:240Px;margin:10Px 0;}

ou ceci

Code :

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

DIV.Box  {position:relative;max-width:360Px;max-height:240Px;margin:10Px 0;}

ne donne pas ce que je souhaite:
Une boîte (DIV ou autre tag) qui s'adapte à la taille de son contenu (une image), dont chaque moitié droite/gauche est cliquable (pour naviguer entre les images de l'album).

Merci tout de même.

PS. Ai-je mal saisi ta pensée?

[Floriang33]

Ha ok!
Si tu veux qu'elles s'adaptent au contenu, qu'un seul moyen (du moins, a ma connaissance ), il faut pas de dimensions dans ton CSS et il faut que l'image soit mise en dur dans le code. Donc pas en background de la DIV.
Par contre je sais pas trop comment tu gères le clique gauche/droit donc je sais pas si ça interfère avec ça.