Clip + scroll poziomy Opcje

[husky83]

Zawsze wolałem stronę programową od wizualnej.. Ale przyszedł czas na css, żeby to coś ładnie wyglądało (IMG:style_emoticons/default/winksmiley.jpg)

Do rzeczy..

[HTML] pobierz, plaintext 
<div id=photo_list>
   <div class=photo_thumbs>
   <img src=1><img src=2> (...)
  </div>
</div>
[HTML] pobierz, plaintext 

Czyli wiadomo o co chodzi - lista zdjęć (miniaturek). Nie wiadomo ile ich jest...

Do tego css:

[HTML] pobierz, plaintext 
#photo_list{
	clip:rect(0px, 730px, 100px, 0px);
	height:100px;
	width:730px;
	overflow:scroll;
	position:absolute;
}
 
.photo_thumbs{
	height:100px;
 
	/*width:5000px;*/
}
[HTML] pobierz, plaintext 

I.. no właśnie - przewijanie poziome.. Udało mi się już wymusić, żeby pojawiał się scroll poziomy, jednak problem jest jeden...
Po zakończeniu widocznej linii kolejne zdjęcia są (już niewidoczne) wyświetlane poniżej, zamiast dalej w prawo, aby móc przewijać...
Póki co jedyne co działa, to to co jest zakomentowane - w klasie photo_thumbs kod width:5000px;. Ale nigdy nie wiadomo jaka będzie szerokość! Teoretycznie można to zrobić przez javascript, licząc szerokość wszystkich obrazków (i ich ramek itd), ale czy to ma sens? Na pewno da się to zrobić w CSS, ale nie wiem jak :/
Próbowałem dodać do każdego obrazka 'float:left', ale bez rezultatu...
Powiem wprost:
POMOCY (IMG:style_emoticons/default/exclamation.gif)

[starkwind]

nadal dla photo_thumbs

[HTML] pobierz, plaintext 
width: np. 500px;
overflow: auto;
[HTML] pobierz, plaintext 

po przekroczeniu obszaru 500px powinien pojawić się scroll, nie wiem czy obrazki nie będą przeskakiwać na dół ale jak by cos takiego miało miejsce spróbuj wtedy float: left dla img

[erix]

Podejrzewam, że gryzie się to z clipem... Tak nawiasem, po co Ci on, skoro masz overflow?