Bonjour,
dans un premier temps j'espere que je ne vais pas poster un probleme existant, si c'est le cas je m'en excuse, mais je n'ai pas trouvé de réponse à mon probleme en cherchant.

Pour mon boulot, j'ai une petite gallerie à faire avec une 10aine de miniatures sur une page, et les photos doivent s'aggrandir sur la meme page, sans popup.
Je pensais dans un premier temps faire du JS, mais j'ai vu quelque galleries en CSS.

Après quelque recherche, j'ai pondu un code.
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
a:hover span { 
display: inline;
position: absolute;
top: 50%;
left: 50%;
margin-top: -225px;
margin-left: -400px; 
 
background: white;
text-align: center;
color: black;
}

Le hover me convenait pas, et je preferais que le span s'affiche sur click.
J'ai donc testé à la fois active et focus.
Et mon probleme est le suivant.
Avec focus, ca marche parfaitement sur firefox, et certaines versions de IE, mais dans d'autre version, je dois clicker sur la miniature et deplacer la souris pour que l'image zoomée s'affiche.

Est ce que quelqu'un aurait la solution ou une petite idée de comment procédé en CSS ? Ou faut-il absoluement que je me rabatte sur du js ?


Merci d'avance à tous ceux qui ont pris le temps de me lire, et de me repondre.

yorke

PS: je ne suis vraiment pas specialiste CSS, donc veuillez m'excuser si j'ai dis des conneries