28172 sujets

CSS et mise en forme, CSS3

Bonjour,

***** Pressés? Passez directement en C.

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 (.BAT que je fournirai plus tard) parcourant les images d'un dossier (et sous dossiers). 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
2 demi-zones cliquables sur les images
Clic sur la moitié droite/gauche de l'image pour descendre/remonter vers l'image suivante/précédente.


C. QUESTION
Comment rendre cette album (les 2 demi-zones cliquables sur les images):
a) http://www.airfirst.ch/b1/album_im.html (version en MAP)
ou celui-ci:
b) http://www.airfirst.ch/b1/album_div.html (version en DIV)
indépendant de la taille des images, pour éviter le problème de l'image n° 2.

- Je suppose c'est impossible pour la version a. (image map) car l'attribut "coords" ne comprend pas les valeurs en pourcentage.
<AREA SHAPE="rect" coords="180,0,360,240"


- Je suppose qu'il faudra (si une solution existe) utiliser des valeurs en pourcentage pour définir la position/dimension des 2 demi-zones cliquables sur les images.

Je pense à un DIV auto-ajustable autour d'une image, mais je sèche

Merci d'avance. Bien à vous.
Modifié par budhax (02 Oct 2008 - 03:58)