Probleme de taille de boutons radio

Eléphanteau du PHP | 25 Messages

17 sept. 2008, 18:24

Bonjour,

J'ai un formulaire de saisie de personne qui me pose un petit problème d'affichage.
la mise en page de ce formulaire est gerée par un css dont voici le code

Code : Tout sélectionner

form.inscription {} form.inscription label { background-color:#074e2c; color:white; font:12px, Century Gothic; float:left; width:250px; padding:1px 5px; margin-top:2px; } form.inscription input, form.inscription textarea { width:250px; color:black; font:12px, Century Gothic; border:1px solid gray; vertical-align:top; margin-left:5px; } form.inscription textarea {height:100px;}
et voici le code de mon formulaire

Code : Tout sélectionner

<form class="inscription" action="conseil_insert.php" method="post"> <? echo "<label>Nom de la fiche conseil</label><input type=text name=conseil_nom value='$conseil_nom' disabled/><br/>";?> <? $sql = " SELECT * from equipe"; $result = mysql_query($sql) or die("Requete pas comprise"); echo "<label>Membre de l'equipe responsable</label><select name='conseil_membre_equipe'>"; while ($row=mysql_fetch_array($result)) { echo"<option>$row[equipe_nom] $row[equipe_prenom]</option>"; } echo"</select><br>"; ?> <? echo "<label>Date d'enregistrement</label><input type=text name=conseil_date value='$date'/><br/>";?> <label>Lieu d'enregistrement</label><select name=conseil_lieu><option>COGES</option><option>Tel</option><option>Autre</option></select><br/> <? $sql = " SELECT * from demandeur"; $result = mysql_query($sql) or die("Requete pas comprise"); echo "<label>Demandeur de conseil</label><select name='conseil_demandeur'>"; while ($row=mysql_fetch_array($result)) { echo"<option>$row[demandeur_nom] $row[demandeur_prenom]</option>"; } echo"</select><br>"; ?> <label>Demande de RDV</label>Oui<input type=radio name=conseil_rdv value=oui>Non<input type=radio name=conseil_rdv value=non><br/> <label>Date du premier RDV</label><input type=text name=conseil_date_rdv value='JJ/MM/AA'/><br/> <label>Objet de la demande</label><textarea name="conseil_objet"></textarea><br/> <p class="button"><br></b><input type="submit" name="submit" value="Valider la création"/></p> </form>
Ce qui donne comme résultat


Image

Le problème, vous le voyez, c'est les radio, j'aimerais qu'il s'aligne sur le reste, donc largeur 250px pour l'intégralité des boutons, et non pas par boutons, comment faire ?

Merci d'avance

Mammouth du PHP | 2937 Messages

17 sept. 2008, 21:42

Code : Tout sélectionner

input[type="radio"] { width: auto; }
Et pour IE 6, ajoute une classe (par exemple "radio" à chaque bouton radio) :

Code : Tout sélectionner

input.radio { width: auto; }

Eléphanteau du PHP | 25 Messages

19 sept. 2008, 20:43

Merci, ca marche !!!
Je progresse doucement, mais surement :wink:

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

20 sept. 2008, 09:21

Modération :
ed_013, si ta question est résolue, pense à ajouter le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.
Tu peux réaliser cette opération en cliquant sur le bouton Image en haut à gauche de ce sujet.
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer