Bonjour,

Bonjour

tout d'abord je vous pris de m'excuser par avance si ma question semble idiote car je débute en html/css (et le html est généré par Wicket...)

J'ai trouvé sur le net des solutions qui permettent de ne pas avoir de retour a la ligne dans un text d'une cellule d'un tableau, mais considérons maintenant, non plus du texte mais deux radio boutton.

Ce qui est étrange c'est que parfois les radio button se mettent l'un en dessous de l'autre, et parfois, ils s'alignent bien
Dans le cas ou ils s'alignent, c'est qu'il existe une cellule , de la même colonne du tableau qui est plus grande, du coup, la cellule de mes radio button s'agrandie, et il y a donc de la place pour aligner les deux radio button...

si necessaire je peux envoyer deux images qui expliquerons sans doute mieux que moi mon problème

Ma question est donc : comment forcer plusieurs composant d'une cellule d'un tableau à s'aligner ?

en espérant n'avoir pas été trop brouillon dans mes explications, j'espère qu'une âme charitable me viendra en aide ....



le code généré par wicket est celui ci (j'ai modifié les id fin qu'ils soient compréhensibles ...)

<tr>
    <td>
        <span>*</span>
    </td>

    <td>
             <label class="fieldLabel" for="fieldae"> 
                      mon text de taille variable 
            </label>
    </td>

    <td>
            <span style="float: left; margin-right: 3px;" id="fieldae"> 
                     <input type="radio" 
                          id="monId0"
                          value="myValue0"
                          name="myName0"   />                                            

                      <label for="monId0">
                             Oui
                      </label>  
                     
                      <input type="radio" 
                          id="monId1"
                          value="myValue1"
                          name="myName1"  />

                     <label for="myId1">
                          Non
                     </label>  
            </span>
     </td>
</tr>

.selectField input {
    float:left;
    margin-right:8px;
}

.selectField label {
   float:left;
   margin-right:3px;
}

Configuration: Windows XP
Firefox 3.0.6