CSS: sette inn bilder

[danyl]

Jeg sliter litt med å få til å sette inn bilder ved bruk av CSS hvor bildene ligger rett etterhverandre (vannrett) uten noen mellomrom.

 

Altså |Bilde||Bilde||Bilde|

 

Noen som kan hjelpe?

[haugsand]

Dersom du har erfaring med CSS, kan du legge til float: left; på hvert bilde. Hvis du ikke har jobbet noe med CSS, bør du ta turen til www.htmldog.com, og lese videre der. Du får mye større forståelse av å lese, enn å lime inn kode-eksempler.

 

Edit: Etter en liten samtale med Henrik Lied, fant jeg ut følgende:

 

Mellomrommet mellom bildene dannes hvis elementene ikke står helt klin inntil hverandre i kildekoden.

 

<img><img>

Gir intet mellomrom, mens

<img> <img>

og

<img>
<img>

gir mellomrom. Dersom du vil beholde mellomrommet i kildekoden, fungerer float: left; ypperlig. Men legg merke til at elementet flyter ut fra sin vanlige posisjon, så du må legge til et element med clear-egenskapen nedenfor.

Endret 13. januar 2005 av satyrium

[danyl]

Har litt erfaring med CSS ja..

 

Det er snakk om 4-5-6 bilder etterhverandre. Er det mulig med float da?

[halvardm]

Ja, det er fult mulig med float: left;

Bare du har plass til 5-6 bilder så.

 

img.klasse {
float: left;
}

Endret 13. januar 2005 av Skomaker