Får ikke bilde på samme rad som tekst...

[Dag Frogner]

Jeg har en liste med punkter (tekst) på venstresiden også vil jeg ha noen bilder på høyresiden, men uansett hva jeg prøver på, får jeg ikke bildet langt nok opp. Det vil si, jeg klarer å få det opp dit jeg vil, men da forsvinner teksten på venstresiden pga at bredden på div`en til bildet er for bred. Bildet er 200px bredt og jeg satt derfor "width: 200px;", men da får jeg altså ikke flyttet på det.

Link til problemet:

Porsgrunn og Skien Kiropraktorklinikk Vi behandler

 

[stianweb]

Du kan ikke bare bruke float: right; på img taggen også ha både tekst og bilde i samme div da ?

 

[Bjørnar]

du må floate de to divene - float: left;

 

[Dag Frogner]

Burde ikke text-align gjøre samme nytten?

 

[Bjørnar]

nei.

text-align ... justerer teksten innenfor gitte rammer, i dette tilfellet div'en.

på samme måte som float: right; ikke høyrejusterer teksten.

 

[Bjørnar]

Du kan ikke bare bruke float: right; på img taggen også ha både tekst og bilde i samme div da ?

du kan gjøre det også, men da må vel ul'en gjøres om fra block til inline?

 

[Dag Frogner]

Da ble jeg litt klokere i dag også.

Tusen takk for deeet.

 

[stianweb]

du kan gjøre det også, men da må vel ul'en gjøres om fra block til inline?

Det er mulig

Jeg har ikke testet det med listing, også så jeg ikke på koden før jeg postet...
Men er vel like lett å gå for ditt alternativ.

Bare husk på at div'n med listing kan strekke seg i forhold til padding og margin

 

[Bjørnar]

Bare husk på at div'n med listing kan strekke seg i forhold til padding og margin

og da får man trøbbel med pixel-count-feil.

denne kan være grei:
http://cs.its.uiowa.edu/wts/images/css.gif