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

Question

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 ?



Configuration: Linux Fedora / Firefox 3.6.12

Metallica51 · Accepted Answer

Essaye avec la propriété CSS white-space qui empêche le retour à la ligne automatique.

white-space: nowrap

Cordialement,
Metallica51.

Kopros · Answer

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à.

Empêcher le retour à la ligne ?

2 réponses

Discussions similaires