nicht angemeldet
Horizontales Scrollen
Gernot BackBin 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>
-
Bei float:left und white-space:normal (default) bricht er natürlich um. Versuche es mit display:inline und white-space:no-wrap.
Gruß, LX
--
X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: Unusual
X-Please-Search-Archive-First: Absolutely Yes-
Hallo LX,
verzeih meine Pedanterie!
Bei float:left und white-space:normal (default) bricht er natürlich um. Versuche es mit display:inline und white-space:no-wrap.
Wenn schon:
white-space: nowrap;, Letzteres ohne Bindestrich!Dann dürfte es dem Originalposter aber schwerfallen, seine LI-Elemente browserübregreifend auf einheitliche 500 Pixel Breite zu bringen. Da führt dann wohl doch kein Weg ums Floaten-lassen herum, es sei denn, die enthaltenen Bilder bringen allesamt eine einheitliche Breite mit.
Damit bei floatenden LI-Elementen nichts umbricht, muss die Liste natürlich mindestens so breit sein wie all ihre enthaltenen LI-Elemente und deren Border sowie Außen- und Innenabstände zusammengenommen. Auf einen Anzeigebereich von 800 Pixeln lässt sich die Liste dann nur über ein sie umgebendes Vorfahrenelement begrenzen.
Gruß Gernot
--
super me
-