<div> Simples Horizontales Scrolling
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
antwort
auto
bewegung
bild
code
container
genaue zahl
http
inhalt
pack
passen
position
richtig macht
text
tip
uhr
umbruch
url
vertikale bewegung
ziemlich einfache frage
-
Heyho, schönen Abend,
ich hab eine ziemlich einfache Frage, auf die es sicher eine einfach Antwort gibt, aber ich komm derzeit nicht drauf...
Ich will einen <div>-Container, indem man ausschließlich Sirtlich scrollen kann. Inhalt soll ein Bild und ein Text sein. Ungefähr vorstellbar, wie bei apple.com zu sehen. Mit dem Text gibt es keine probleme, aber kaum gib ich statt dem Text mehrere Bilder rein... gibt es plötzlich einen Umbruch.
Mein Code:#slider { width: 500px; height: 60px; overflow: auto; padding: 20px; }
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hast du es schonmal mit float left oder float right im CSS Teil probiert?
-
Jupp, an das hab ich auch schon gedacht... NUR:
In eine Zeile passen 7-8 Icons (hab die genaue Zahl vergessen), wie sollte ich das dann machen? Ich kann ja nicht einfach bei jedem <img>-Element "float:left" machen... Eine Idee wäre auch noch mit "position:relative", ich probiers mal (: -
Horizontales ist doch von unten nach oben O.o.
Ich glaub du meinst Verticales.
Aber für beides gibt es eine Antwort: http://www.css4you.de/overflow.html
-
Naja egal
wenn man es richtig macht sollte mein tipp helfen wenn nicht ich bin am 19:00 Uhr in Facebook ;). -
Ich glaube ihr missversteht mich. Wie man die Scrollbalen dynamisch anmacht, oder dauerhaft anmacht weiß ich bereits. ich will nur, dass eine vertikale Bewegung (Der Balken der von Oben nach Unten u. umgekehrt) absolut nicht funktioniert. Es soll nur eine Bewegung von Links nach Rechts möglich sein.
-
Pack in den slider-Div einen weiteren Div-Container, dem Du eine width zuordnest, bei der alle Inhalte nebeneinander passen. Dann klappts mit deinem Scrollbalken.
FF -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage