[CSS] Empecher le retour à la ligne dans une cellule
Bonjour,
Dans les cellules de mon tableau il y a du texte et je voudrais que ce texte tienne à tout prix sur une seule ligne.
En ce moment, si je mets par exemple "telephone :" je ne suis pas garanti que le ":" reste sur la même ligne : tout dépend de la colonne voisine. En effet, ci cette dernière a un texte sans espace sa largeur va empiéter sur les colonnes d'à côté. Ma questyion est : Comment éviter cela ?
J'espère que vous avez bien compris mon pb.
Merci
2 pièce(s) jointe(s)
empecher le retour a la ligne entre deux composants d'une même cellule
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...)
La solution proposée par denisC concerne le formatage d'un texte pour que celui ci tienne sur une seule ligne dans une cellule de tableau.
Mais considérons 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 que la cellule des radiobutton, 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...
j'ai mis en piece jointe de ce post, deux image qui montre 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 ...)
Code:
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
34
|
<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> |
le CSS associé aux composants label et radiobutton sont les suivants :
Code:
1
2
3
4
5
|
.selectField input {
float:left;
margin-right:8px;
} |
Code:
1
2
3
4
5
|
.selectField label {
float:left;
margin-right:3px;
} |
Je précise que je n'ai pas (et surtout je ne veux pas) fixer une taille aux cellules du tableau ni au tableau lui même.
