Création de style pour un radioBox

Fatiiza Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -  
Fatiiza Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -
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 :)

1 réponse

  1.
    Fatiiza Messages postés 19 Date d'inscription   Statut Membre Dernière intervention  
     
    <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