Discussion :

[manusib]

Bonjour à tous,

J'ai fait la mise à jour d'Edge et je n'arrive plus à afficher mes input[type=radio]

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="envoi_message" style="float:center; width:55%;">
    <div>
      	<input type="radio" name="Destinataire" id="ContactTous" value="1">
        <label for="ContactTous">Courriel à Tous les choristes</label>
    </div>
    <div>
      	<input type="radio" name="Destinataire" id="ContactPChoeur" value="2">
        <label for="ContactPChoeur">Courriel au Choeur de chambre</label>
    </div>
    <div>
       	<input type="radio" name="Destinataire" id="ContactSoprano" value="3">
        <label for="ContactSoprano">Courriel au pupitre des Soprani</label>
    </div>
    <div>
      	<input type="radio" name="Destinataire" id="ContactAlto" value="4">
        <label for="ContactAlto">Courriel au pupitre des Alti</label>
    </div>
    <div>
	<input type="radio" name="Destinataire" id="ContactTenor" value="5">
        <label for="ContactTenor">Courriel au pupitre des Ténors</label>
    </div>
    <div>
	<input type="radio" name="Destinataire" id="ContactBasse" value="6">
        <label for="ContactBasse">Courriel au pupitre des Basses</label>
    </div>
    <div>
       	<input type="radio" name="Destinataire" id="ContactWebmaster" value="7">
        <label for="ContactWebmaster">Courriel au Responsable du site</label>
    </div>
</div>

Voici mon code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
#envoi_message{
	margin:0 auto;
	width:100%;
	height:auto;
	text-align:left;
	font-size:95%;
	}
#envoi_message input{
	width:100%;
	height:40px;
	margin:10px auto;
	}
#envoi_message label:hover {
	background:transparent;
	border:1px solid;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border-color:#00FF55;
	padding:2px;
	color:#00FF55;
	font-size:95%;
	}
#envoi_message input[type=radio]{
	width:5%;
	height:5%;
	margin-left:30%;
	cursor:pointer;
	}	
#envoi_message input[type=radio]:hover{
	opacity:0.75;
	}

A l'affichage, j'ai ça sans bouton radio :

[NoSmoking]

Bonjour,
il faut que tu comprennes bien que lorsque tu écris

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#envoi_message input[type=radio] {
    width: 5%;
    height: 5%;
}

les valeurs en % sont relatives au conteneur, tu comprendras sans peine que si le conteneur fait 100px, par exemple et ce qui est loin d'être le cas dans ton exemple, la hauteur sera de 5px.

[manusib]

Et bien non, les boutons radios n'ont pas disparu...Bien vu et merci NoSmoking !