[CSS][HTML] Suwak dla elementu div Opcje

[gramy52]

Witam,

Potrzebuje wykonać o to taki efekt.

Posiadam div o wysokości załóżmy 100px oraz szerokości 500px.

Do takiego kontenera będę wkładał zdjęcia. Jeśli wysokość zdjęcia przekroczy wysokość div'a, wówczas obrazek "utnie" (overflow-y: hidden). Natomiast, gdy dodamy kolejny obrazek do div'a i przekroczy (łącznie z resztą obrazków) 500px powinien pojawić się suwak i pozwolić nam nawigować w poziomie w tym div'ie w celu ujrzenia reszty zawartości.

Teraz jest problem, ponieważ gdy ustawie:

Kod

div {
width: 500px;
height: 100px;
overflow-y; hidden;
overflow-x: auto; // scroll (jak to woli)
}

Efekcie tym, dodając obrazki do takiego kontenera - obrazki które nie zmieszczą się w 500px przechodzą do następnej linii (a wtedy obrazek zniknie nam z oczu).

Co zrobić by obrazki (lub jakakolwiek inna treść) była w jednej linii - tak by móc oglądać wszystko przy pomocy suwaka?

Prośba o pomoc (chciałbym najlepiej dokonać tego za pomocą HTML + CSS).

Za pomoc z góry dziękuje.

Ten post edytował gramy52 27.09.2011, 14:29:34