Hjelp med å få tekst til å gå under bilde

[uranus]

http://www.ludrio.no/?p=33#more-33

 

Se der først slikt at dere skjønner hva jeg trenger hjelp til.

 

Gå ned til det første store bildet, eller hvilket som helst av de store bildene. Som dere ser, er litt av teksten til siden av teksten. Jeg skal ha teksten under bildet, ikke på siden, men skjønner ikke hvorfor teksten kommer der.

 

Noen som har noen fine css snutter jeg kan bruke til å fikse det?

[Kim T]

http://www.ludrio.no/?p=33#more-33

 

Se der først slikt at dere skjønner hva jeg trenger hjelp til.

 

Gå ned til det første store bildet, eller hvilket som helst av de store bildene. Som dere ser, er litt av teksten til siden av teksten. Jeg skal ha teksten under bildet, ikke på siden, men skjønner ikke hvorfor teksten kommer der.

 

Noen som har noen fine css snutter jeg kan bruke til å fikse det?

 

.image: clear both;

 

Kanskje den hjelper deg.

[FrodeNilsen]

http://www.ludrio.no/?p=33#more-33

 

Se der først slikt at dere skjønner hva jeg trenger hjelp til.

 

Gå ned til det første store bildet, eller hvilket som helst av de store bildene. Som dere ser, er litt av teksten til siden av teksten. Jeg skal ha teksten under bildet, ikke på siden, men skjønner ikke hvorfor teksten kommer der.

 

Noen som har noen fine css snutter jeg kan bruke til å fikse det?

Ett bilde er ett inline element, akkurat som tekst er.

 

Du kan løse dette ved å plassere bildet i ett block element, men dette er ikke særlig elegant.

 

Jeg ser at du bruker align for det første bildet, dette fases ut i xhtml2.0, da visuell formatering i selve elementene ikke er å anbefale. Det er meningen at du skal bruke float og clear elementene i css til slik formatering. De finner du her:

http://www.w3.org/TR/CSS21/visuren.html#propdef-float

 

I ditt tilfelle er det bare å "clear: left;" i p elementet som følger etter bildet.

 

Du burde også benytte alt atributt på bildene dine, da det er påkrevd, og benyttes av blinde. Siden validerer ikke med mindre du gjør det. Alt elementet skal brukes til å beskrive hva det er bilde av, men hvis bildet ikke er til annet enn pynt burde alt elementet være tomt.

 

Siden har ganske bra struktur med bruk av div istendfor tabeller, og det liker jeg. Kule biler også forresten.

[mohuhau]

Du har satt

 .entry img {float:left;}

Når du setter float:left; på et bilde vil teksten flyte rundt på høyre side.