Images cliquables [Résolu]

(reprise du message précédent)

Arsene a écrit :

Sûr de toi, Lanza ? Je pencherais plutôt pour le fait qu'elle est bel et bien chargée mais juste non-montrée...

Oui, je crois aussi.

Salut,

uniquement à titre experimental j'ai cherché une solution full CSS :
HTML:

<form id="choixImage">
	<input type="radio" name="test" id="test1" />
	<label for="test1"><img src="une_image1.png" alt="image 1"/></label>
	<input type="radio" name="test" id="test2" />
	<label for="test2"><img src="une_image2.png" alt="image 2"/></label>
	<input type="radio" name="test" id="test3" />
	<label for="test3"><img src="une_image3.png" alt="image 3"/></label>
</form>

CSS:

#choixImage label{
	display : block;
	float : left;
}
#choixImage input[type=radio]:checked + label{
	border : 1px solid blue;
}
#choixImage input[type=radio]:focus + label{
	border : 1px solid red;
}
#choixImage input[type=radio]{
	position : absolute;
	top : -999px;
}

Ca fonctionne nickel sur FF, pas testé sur les autres navigateurs, puisque c'est à titre expérimental, je ne suis pas sûr que la pseudo classe "checked" fasse partie de CSS 2.1...
Mais ça laisse présager de ce qu'on pourra peut-etre faire dans dix ans avec un CSS3 bien respecté

Edit : Fonctionne sur FF et Opéra, pas sur Safari ni IE 6/7
Modifié par skywalk3r (06 Jun 2008 - 12:19)