Layer con scrollbar

[eli79g]

Ciao a tutti,
sto impazzendo per capire se è possibile fare un layer molto largo e poco alto, dentro al quale inserire immagini una accanto all'altra con una scrollbar orizzontale che permetta di far scorrere le immagini.

grazie mille
elisabetta

[pierofix]

XHTML

<div id="foto">
   
</div>


CSS

#foto
{
   width:500px; height:100px; /* usa le dimensioni che preferisci */
   overflow:auto;
}

[eli79g]

ciao,
grazie per la veloce risposta.

Siccome mi appare sempre e solo quella verticale, credo di sbagliare qualcosa.

Saresti cosi gentile da indicarmi come inserire le immagini nel codice che mi hai fornito? scusa la mia ignoranza....

mi hai detto di inserire:

<div id="foto">

</div>

se la mia immagine si chiama prova1.jpg e prova2.jpg
come le inserisco nel codice?

grazie mille
elisabetta

[pierofix]

<div id="foto">
   [img]colosseo.jpg[/img]
   [img]fragola.jpg[/img]
   
</div>

Per approfondire:

- www.htmldog.com/guides/htmlbeginner/images/

[eli79g]

ho pubblicato la mia prova

http://www.abchobby.it/prova_layer/prova.htm

non mi funziona!!!
sicuramente sbaglio qualcosa....

ho creato il foglio di stile e l'ho collegato alla mia pagina prova.htm


se riesci a darmi una mano ti sono grata
grazie

[pierofix]

Ti ho già risposto.

[eli79g]

scusami, non so come mai si è inserito di nuovo il messaggio.
com ho modificato con la nuova richiesta!!!

[pierofix]

Specifica meglio il 'non mi funziona'. Io vedo correttamente un div con scroll, al cui interno campeggiano diverse foto di un simpatico cammello.

[eli79g]

le immagini sono una sotto l'altra e appare lo scroller verticale.

io le "volevo" una a fianco all'altra con uno scroller orizzontale in modo da poterle vederle scorrendole in orizzontale....
vorrei poterle vedere diciamo da sinistra a destra e non dall'alta al basso

è possibile secondo te?
grazie

[pierofix]

La proprietà CSS per lo scrolling è 'overflow':

- www.w3.org/TR/CSS21/visufx.html#overflow

Tra i valori che può assumere non ve ne sono di specifici per decidere quale barra (orizzontale o verticale) visualizzare.

Rimanendo nello standard CSS 2.1, non saprei se è possibile ottenere ciò che chiedi. Forse con qualche barbatrucco in javascript, ma la trovo una cosa assurda.

E poi, sei sicura della soluzione che vuoi adottare? Lo scrolling orizzontale è sempre parecchio difficoltoso e poco usabile: potresti disorientare i tuoi utenti.