Sujet Précédent Sujet Suivant

Création de style pour un radioBox

Fermé
Fatiiza Messages postés 19 Date d'inscription jeudi 1 septembre 2016 Statut Membre Dernière intervention 14 novembre 2016 - 21 oct. 2016 à 13:55
Fatiiza Messages postés 19 Date d'inscription jeudi 1 septembre 2016 Statut Membre Dernière intervention 14 novembre 2016 - 21 oct. 2016 à 13:56
Bonjour,
j'ai besoin de créer un radioBox comme celui là dans la maquette.


voila ce que j'ai fais,

quelq'un peux m'aider pour rendre le style comme celui de la maquette ?
je partage mon html et css dans les commentaires :)
A voir également:

1 réponse

Réponse 1 / 1
Fatiiza Messages postés 19 Date d'inscription jeudi 1 septembre 2016 Statut Membre Dernière intervention 14 novembre 2016
Modifié par Fatiiza le 21/10/2016 à 13:57
<Html>
<div class="radiobox">
<div class="intranetstyle">
<input class="checkbox" id="intranetRadio" type="radio" name="Intranet" value="Intranet">
<label class="labelstyle" for="intranetRadio">Intranet</label>
</div>
<div class="rainboxstyle">
<input class="checkbox" id="rainbowRadio" type="radio" name="Rainbow" value="Rainbow">
<label class="labelstyle" for="rainbowRadio">Rainbow</label>
</div>
</div>
</Html>
<style>
.radiobox{
margin: -5px 0px -30px 0px;
}
.intranetstyle{
margin: 15px 0px 0px 35px;
}
.rainboxstyle{
margin: -25px 0px 0px 130px;
}
#intranetRadio , #rainbowRadio{
margin-bottom: -15px;
}
.labelstyle{
color: #9C9E9F;
font-family: "AvenirLTStdRoman";
margin-left: 20px;
margin-top: -1px;
}
</style>
0