CSS: Right-scrolling

3. november 2008

Sliter litt med å få en div med flere bilder til å kun kunne scrolle til høyre (og venstre tilbake selvfølgelig).

La oss si at jeg har en boks som er 200px høy og 400px bred. Så vil jeg at når f.eks. teksten blir for bred for boksen, så skal den kunne scrolle til bortover istedet for at den hopper til neste linje og lager en vertical scroll istedet.

Got it?

Berre

Trådstarter

1.465 122

3. november 2008

EDIT: Fant endelig ut det etter noen timers prøving og feiling.
LØSNING: white-space: nowrap;

marfo

390 44

3. november 2008

Kunne du tenke deg å dele kildekoden? har prøvd å lage lignende selv, og jeg får ikke denne white-space greia di til å fungere :S

Berre

Trådstarter

1.465 122

3. november 2008

Jepps, skal vi se:

index.css:

Kode

div.scroll {
height: 440px;
width: 780px;
overflow: scroll;
padding: 8px;
white-space: nowrap;

html fila:

Kode

<div class="scroll">
<div style="width: 1000px;">
<BR>
<div style="float: left; height: 400px; width: 234px;"><img src="bilde2.jpg" height="400" width="214"></div>
<div style="float: left; height: 400px; width: 688px;"><img src="bilde1.jpg" height="400" width="668"></div>


</div>
        
</div>

Merk: Width: 1000px; må alltid være litt større enn bredden til alle bildene til sammen.