Empêcher le retour à la ligne ? [Résolu/Fermé]

Signaler
Messages postés
597
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
3 février 2020
-
Messages postés
597
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
3 février 2020
-
Salut à tous,

Alors voilà, dans une page j'ai une div dont j'ai défini la largeur en css (width: 250px;).
Dans cette div, il y a un tableau, et j'utilise le javascript pour ajouter des lignes à ce tableau.

Mon but est que le contenu d'une ligne du tableau tienne en une seule ligne affichée.
Dans mon css j'ai donc mis overflow: auto; pour la div en question.
L'overflow fonctionne bien si je n'ai pas d'espace dans le contenu, et si dans la ligne du tableau il n'y a pas de balise html (ce qui n'est pas le cas). Dès qu'il y a un espace, ou par exemple une balise <img />, le reste du contenu se met à la ligne.

Comment faire pour que tout reste sur une seule ligne ?



2 réponses

Messages postés
47
Date d'inscription
jeudi 9 septembre 2010
Statut
Membre
Dernière intervention
6 avril 2011
38
Essaye avec la propriété CSS white-space qui empêche le retour à la ligne automatique.

white-space: nowrap


Cordialement,
Metallica51.
34
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Messages postés
597
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
3 février 2020
83
Comme d'habitude, au bout d'un certain temps de recherche, je poste ici, et 5 minutes après je trouve la solution....

Alors, j'ai résolu mon problème en mettant l'attribut nowrap="nowrap" dans les TD de mon tableau.
Pour ajouter ça avec le javascript, j'ai fait un setAttribute('nowrap','nowrap') sur l'objet cellule (au moment où je la crée).
A noter que ça marche aussi avec les div.

Voilà.