Scroll bar orizzontale ad elemnto <li>

[plutone80]

Ciao a tutti, ho un piccolo problema da risolvere, ma non ne esco.

Io ho un div che è la colonna sinistra del mio sito, con dimensione fissa, al suo interno ho degli elementi[*] uno sotto l'altro.

Io vorrei far si che se ho il contenuto di un elemento[*] molto lungo, invece di farlo andare a capo, rimanga sulla stessa riga, facendo apparire lo scrollbar orizzontale.

So che non è una bella cosa da vedere, però il cliente vuole questo.

Ho provato usando overflow:scroll, ma non funziona, mi sapete aiutare?

Dimenticavo, all'interno del[*] ho un <a href...>

[jubstuff]

Allora, gli elementi li dovrebbero trovarsi all'interno di una lista (ul oppure ol). Puoi cambiare semplicemente il div con ul.
Per quanto riguarda la scrollbar, il mio primo consiglio è quello di convincere il proprietario a cambiare idea
Se non dovessi riuscirci, basta aggiungere la proprietà

 li {   
  white-space:nowrap;
  } 

che non permette alle linee di testo di andare a capo.

[plutone80]

Facendo in quel modo, non visualizzo lo scroll bar, ma vedo tutto il testo su una riga, che mi fuoriesce dalla colonna.

Io vorrei far si che a quel punto mi appaia la barra di scorrimento orizzontale, tenendo tutto il testo all'interno del <div>

[jubstuff]

Allora se prendiamo questo html:

<ul>[*]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis leo et ante molestie iaculis.
Suspendisse potenti. Vestibulum neque nisl, ultricies eu lobortis quis, dictum ut ipsum. Cras augue
tortor, posuere in tincidunt a, porttitor in nisl. Etiam vel sem sit amet dolor vulputate lobortis.
 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Aliquam pharetra pretium condimentum. Maecenas ultrices augue ut metus porta non fringilla lacus
vestibulum. Vestibulum lectus nisi, cursus in fringilla eget, sodales quis est. Integer placerat
adipiscing tempor. Aliquam erat volutpat.[*]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis leo et ante molestie iaculis.
Suspendisse potenti. Vestibulum neque nisl, ultricies eu lobortis quis, dictum ut ipsum. Cras augue
tortor, posuere in tincidunt a, porttitor in nisl. Etiam vel sem sit amet dolor vulputate lobortis.
 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Aliquam pharetra pretium condimentum. Maecenas ultrices augue ut metus porta non fringilla lacus
vestibulum. Vestibulum lectus nisi, cursus in fringilla eget, sodales quis est. Integer placerat
adipiscing tempor. Aliquam erat volutpat.[*]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis leo et ante molestie iaculis.
Suspendisse potenti. Vestibulum neque nisl, ultricies eu lobortis quis, dictum ut ipsum. Cras augue
tortor, posuere in tincidunt a, porttitor in nisl. Etiam vel sem sit amet dolor vulputate lobortis.
 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Aliquam pharetra pretium condimentum. Maecenas ultrices augue ut metus porta non fringilla lacus
vestibulum. Vestibulum lectus nisi, cursus in fringilla eget, sodales quis est. Integer placerat
adipiscing tempor. Aliquam erat volutpat.[*]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis leo et ante molestie iaculis.
Suspendisse potenti. Vestibulum neque nisl, ultricies eu lobortis quis, dictum ut ipsum. Cras augue
tortor, posuere in tincidunt a, porttitor in nisl. Etiam vel sem sit amet dolor vulputate lobortis.
 Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Aliquam pharetra pretium condimentum. Maecenas ultrices augue ut metus porta non fringilla lacus
vestibulum. Vestibulum lectus nisi, cursus in fringilla eget, sodales quis est. Integer placerat
adipiscing tempor. Aliquam erat volutpat.[/list] 

Il CSS per creare l'effetto che cerchi è

 ul {overflow:auto;}
 ul li{white-space:nowrap;} 

[plutone80]

Grazie 1000, ora sembra che funzioni.