Legion_x: Horizontales Scrollen

Beitrag lesen

Bin schonmal gespannt auf eure Hilfe. Mach das zwar nicht zum ersten Mal, doch hab grad nen richtigen blackout. Ich möchte die <ul> in einer festen Größe. Innerhalb der <ul> sollen Bilder HORIZONTAL angeordnet werden. Da iss schon das erste problem bei meinem Code, er bricht andauernd um. Durch diese horizontalen Bidler soll mit der X-Scrollbar waagerecht durchgescrollt werden (y-Scrollbar nicht visible). Könnt ihr mir helfen?

HTML-Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
ul {
    overflow: scroll;
    overflow-y: hidden;
    height: 400px;
    width: 800px;
    border: 1px solid #000;
}

li {
    border: 1px solid #000;
    float: left;
    width: 500px;
}
</style>

</head>

<body >
  <ul>
    <li><img src="Sonnenuntergang_031.jpg" width="500px"/></li>
    <li><img src="Sonnenuntergang_031.jpg" width="500px"/></li>
  </ul>
</body>
</html>