Plassering at vekst i forhold til bilde

[geir__hk]

Heisann.

 

Jeg vil unngå å bruke tabell selv om det sansynligvis er den enkleste løsninga. Var litt usikker på hvordan jeg skulle ordlegge meg, så jeg tegnet litt for å gjøre det klart.

 

 

Altså: poenget er å ha teksten sidestilt med bildet som vist på figuren. Problemet er at teksten har en tendens til å flyte under bildet, noe jeg forsøker å hindre uten bruk av tabell.

 

Noen idéer ?

 

Og ja, jeg har prøvd meg litt fram med forskjellige css-egenskaper for avsnittet (p-en).

 

Foreløpig så ser html-snutten for avsnittet slik ut:

<p class="vidde">
-teksten som vises-

 

og css klassen (eh, litt usikker på ordlegginga her) for p -elementet slik ut:

p.vidde {
font-size: 1.2em;
text-align: justify;
text-indent: 50px;
width: 500px;
}

 

Og css klasse for bildet:

img.bilde {
bottom: -20px;
vertical-align: text-bottom;
}

 

For å si det på godt norsk, jeg er fersk på css, så jeg klarer ikke se om det er css-klassen fo p.vidde eller img.bilde som må fikses på. Det er dette jeg trenger et hint på.

 

Henviser til vedlagt bilde: Siden min ser selvsagt ut slik som det midterste alternativet, dvs første linje av teksten starter nede ved høyre bildehjørne og går derfra og mot høyre, sor å så begynne under bildet.

Endret 10. oktober 2007 av geir__hk

[Ståle]

pa bildet kan du ha float: left; of teksten clear: left;

[geir__hk]

pa bildet kan du ha float: left; of teksten clear: left;

Nå er "problemet" at teksten går OVER bildet.

Og teksten går under bildet (samme problemet som i stad) når jeg fyller på med mer tekst eller øker skriftstørrelsen i nettleseren (firefox).

 

Nå ser CSS-koden slik ut:

p.vidde {
clear: left;
font-size: 1.2em;
text-align: justify;
text-indent: 50px;
width: 500px;
}

img.bilde {
float: left;
}

 

Gir forsåvidt ingen synlig forskjell om jeg har med vertical-align: text-bottom; eller ikke for bildet.

Endret 10. oktober 2007 av geir__hk

[Ståle]

har du <img> taggen over <p> taggen? Hvis ikke prov det.