Ansicht:   

#306410 whitespace:nowrap & float? [CSS] (web.coding)

verfaßt von copperAngel, 10.03.2012, 13:13:17
(editiert von copperAngel, 10.03.2012, 13:13:55)

Hallo

Folgendes: Ich möchte eine Bildergalerie erstellen, die horizontal scrollt (whitespace:nowrap funktioniert hier für mich); dann möchte ich aber einen kurzen Text am Ende jeder Galerie einfügen, der normalen Zeilenumbruch hat (was soweit auch klappt). Nur positioniert es das div mit dem Text nicht sauber in einer Linie. Hier wie es sein sollte: www.toybox.ch/files/floatw.jpg

Hier etwas Code:

.photos {height:540px; top:160px; position:absolute; margin-left:350px; white-space:nowrap;} <- Über-div, in dem alles liegt
.phs {height:540px; position:relative; float:left;} <- div für die einzelnen Galerien; Bilder werden direkt eingefügt, s.u.
.texts {width:300px; position:relative; float:right; white-space:normal; } <- Text

<div class=\"phs\">
<div id=\"texts\">TEXT</div>
<img ... />
</div>
</div>



Was leider passiert ist, dass das Text-div übers letzte Bild geschoben wird. (Ander Varianten waren: Text-div wird über/unter die Zeile mit den Bildern geschoben, je nach Platzierung des div-Tags.)
Jemand eine Idee?
Gracias,
CA

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz