HTML - image à la place d'une case à cocher
Résolu/Fermé
spylller
Messages postés
395
Date d'inscription
dimanche 1 mars 2015
Statut
Membre
Dernière intervention
11 juillet 2019
-
21 janv. 2017 à 18:01
spylller Messages postés 395 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 11 juillet 2019 - 21 janv. 2017 à 19:20
spylller Messages postés 395 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 11 juillet 2019 - 21 janv. 2017 à 19:20
A voir également:
- HTML - image à la place d'une case à cocher
- Image iso - Guide
- Recherche à partir d'une image - Guide
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Windows
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? - Forum Graphisme
- In da place - Forum Mail
1 réponse
spylller
Messages postés
395
Date d'inscription
dimanche 1 mars 2015
Statut
Membre
Dernière intervention
11 juillet 2019
28
21 janv. 2017 à 19:20
21 janv. 2017 à 19:20
J'ai trouvé un petit tuto anglais qui m'a aidé.
<div class="case"> <input class="casex" type="radio" name="pays" value="fr" id="fr"/> <label for="fr" style="background-image: url('images/fr.png');"></label> </div> <br/> <div class="case"> <input class="casex" type="radio" name="pays" value="ang" id="ang"/> <label for="ang" style="background-image: url('images/ang.png');"></label> </div> <br/>
.case { width: 164px; height: 84px; background-color: #2e2e2e; position: relative; margin:0; } .case input[type="radio"] { visibility: hidden; } .case label { width: 160px; height: 80px; position: absolute; left: 2px; top:2px; background-size: 100%; } .case label:before { content:''; width: 160px; height: 80px; background-color: gray; position: absolute; opacity: 0.4; } .case input[type="radio"]:checked + label:before { opacity: 0; }