Une colonne d'une table doit rester dans une ligne (HTML/CSS/Javascript)

Question

J'ai donc un problème sur my entrepreneur business opportunity rating matrix: Je voudrais que les boutons radio restent sur la même ligne. Le problème est que je ne sais pas comment je devrais traiter parce que si je donne une largeur minimale fixe pour la cellule, je ne suis pas sûr qu'il s'affichera correctement sur d'autres navigateurs, et si la cellule est trop grande, je perds l'alignement des boutons radio.

Est-ce que vous avez une astuce CSS/Javascript (jQuery) pour résoudre ce problème?

Merci

Answer 1

C'est facile: il suffit d'ajouter à votre white-space: nowrap; td.

Answer 2

Je voudrais redessiner la disposition de la table (notez qu'il s'agit d'une solution rapide et salissante) pour placer les boutons sous les étiquettes (vous économisez de l'espace dans des tailles de fenêtre plus petites).

<tr class="even"> 
    <td rowspan="2">Customer atlernatives</td> 
    <td class="col_g left-aligned">A lot</td> 
    <td class="col_d right-aligned">Few</td> 
</tr> 
<tr class="even"> 
    <td class="col_m centered"> 
    <form method="post" action="action" class="bz_op_val"> 
     <input type="radio" value="4" name="38"> 
     <input type="radio" value="3" name="38"> 
     <input type="radio" value="2" name="38"> 
     <input type="radio" value="1" name="38"> 
     <input type="radio" value="0" name="38"> 
    </form> 
    </td> 
</tr> 

une meilleure solution devrait être, pour moi:

<tr class="even"> 
    <td>Customer atlernatives</td> 
    <td> 
    <div class="col_g left-aligned">A lot</div> 
    <div class="col_d right-aligned">Few</div> 
    <form method="post" action="action" class="bz_op_val cleared-both-centered"> 
     <input type="radio" value="4" name="38"> 
     <input type="radio" value="3" name="38"> 
     <input type="radio" value="2" name="38"> 
     <input type="radio" value="1" name="38"> 
     <input type="radio" value="0" name="38"> 
    </form> 
    </td> 
</tr>