Hallo,
Ich brauche wiedermal eure Hilfe.

Ich programmiere gerade mein erste slideshow.

hierher möchte ich
in einer flachen , in der Breite und Höhe begrenzten, div
viele icons in [B]NUR einer Zeile[/B] darstellen ,
und weil die div begrenzt ist und es sehr viele icons sind
soll man horizontal scrollen können.

Mein Problem ist,
das ich es nicht schaffe, das es nur eine Zeile bleibt.

hier ein Auszug aus meinem Fehlversuch:

[code=html]
<style>
#slidebar img
{
float:left;
margin:2px;
vertical-align:middle;
}
</style>

<div id="slidebar" style="height:110px;width:400px;
overflow-x:scroll;overflow-y:hidden;
border-style:solid;border-width:1px;border-color:black; " >

<img src="./pictures/before-after 6 beers rotated-icon.jpg" style="" alt="">
<img src="./pictures/all03-icon.png" style="" alt="">
<img src="./pictures/eyesonly-cut-wide-icon.png" style="" alt="">
<img src="./pictures/KunmingD-oval-01a-icon.png" style="" alt="">
<img src="./pictures/image-50062-galleryV9-ogdh-icon.jpg" style="" alt="">
<img src="./pictures/image-446540-galleryV9-iodm-icon.jpg" style="" alt="">
<img src="./pictures/HBrJwrp6_Pxgen_r_700xA-icon.jpg" style="" alt="">
<img src="./pictures/HBrJwrp6_Pxgen_r_700xA-icon.jpg" style="" alt="">
<img src="./pictures/HBrJwrp6_Pxgen_r_700xA-icon.jpg" style="" alt="">
<img src="./pictures/HBrJwrp6_Pxgen_r_700xA-icon.jpg" style="" alt="">

</div>
[/code]

Cheers,
Dirk