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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Oskiator le Mar 12 Juin 2012 - 20:16

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


Dernière édition par Oskiator le Mer 13 Juin 2012 - 14:17, édité 1 fois

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Pinguino le Mer 13 Juin 2012 - 10:18

Bonjour


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

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Oskiator le Mer 13 Juin 2012 - 10:43

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

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Pinguino le Mer 13 Juin 2012 - 11:24

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 ! Smile

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Oskiator le Mer 13 Juin 2012 - 11:53

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.

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Pinguino le Mer 13 Juin 2012 - 12:05

Le template concerné : posting_poll_body

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Empêcher un texte d'aller à la ligne dans une colonne

Message par Oskiator le Mer 13 Juin 2012 - 14:16

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

Merci pour vos réponses !

Oskiator
***

Masculin
Messages : 120
Inscrit(e) le : 16/01/2010

http://arcane-sanctum.forumgratuit.ch/
Oskiator a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum