[css] Empêcher un texte d'aller à la ligne dans une colonne

[Oskiator]

Bonjour,

Etant débutant en programmation, j'ai besoin de votre aide pour un petit code css.

J'aimerais empêcher le texte d'une colonne d'aller à la ligne. Voici une image pour illustrer :

J'ai vu qu'il existait cette balise css pour empêcher un texte d'aller à la ligne :

Code:

white-space: nowrap;

Mais je ne sais pas du tout comment l'appliquer.

Le tableau correspondant à cette partie du forum est "table.poll-result". Il comporte 4 colonnes. Et la classe correspondant à la mise en page du texte dans les cellules est span.gen

J'aimerais que le contenu de la 4ème cellule de chaque ligne soit sur une seule ligne. Et cela sans modifier la largeur de toute la page.

Merci d'avance.

Oskiator

[Pinguino]

Bonjour


Pouvez-vous me donner un lien de votre forum avec un sondage ?
Cordialement,

[Oskiator]

En voici un http://arcane-sanctum.forumgratuit.ch/t60-pseudo-sur-le-forum

[Pinguino]

Merci pour le lien

alors essayer de retirer de votre CSS :

Code:

.poll-result[class^="col"]{
white-space: nowrap;
 }

et de le remplacer par :

Code:

.poll-result td {
    white-space: nowrap;
}

Cela fonctionne mais élargie un peu le forum, donc à voir derrière si vous pouvez remettre la largeur du forum que vous souhaitez !

NOTE : copiez votre css actuel sur un bloc note avant de tenter ma solution au cas ou !

Cordialement,

[Oskiator]

En effet, tout le forum est élargi car cela s'applique à toutes les colonnes du tableau. L'ideal serait d'empêcher uniquement le texte de la dernière colonne d'aller à la ligne. La première colonne serait alors légèrement plus petite et la largeur du forum resterait la même. En fait, il me semble qu'il suffirait de rajouter une classe au td correspondant dans les templates. Il faut donc que je trouve le template correspondant aux sondages.

[Pinguino]

Le template concerné : posting_poll_body

[Oskiator]

J'ai pu me débrouiller en changeant la classe .gen.

Merci pour vos réponses !