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)
}
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.