Die Anzeige der Bilder in einer Zeile innerhalb einer kürzeren div

Wie kann ich einstellen, dass alle Bilder in einer Zeile und die Anzeige werden nur die ersten 200 Pixel von Ihnen innerhalb des div?

Ohne zu brechen das layout, oder bewegte Bilder auf eine nächste Zeile.

online-demo

<div id="thumbsContainer">
   <ul>
    <li><img src="http://img214.imageshack.us/img214/6030/small3.jpg" alt="" /></li>
    <li><img src="http://img263.imageshack.us/img263/5600/small1ga.jpg" alt="" /></li>
    <li><img src="http://img638.imageshack.us/img638/3521/small4j.jpg" alt="" /></li>
    <li><img src="http://img682.imageshack.us/img682/507/small5.jpg" alt="" /></li>
    <li><img src="
http://img96.imageshack.us/img96/6118/small2o.jpg" alt="" /></li>   
   </ul>
  </div>

#thumbsContainer
{
 width:200px;
 overflow:hidden;

}
ul
{
list-style:none;
}
li
{
float:left;
}

InformationsquelleAutor nemiss | 2010-04-03

Schreibe einen Kommentar