webForumDet fria alternativet

xHTML problem bild/text probelm

2 svar · 509 visningar · startad av Tibbelit

TibbelitMedlem sedan mars 200989 inlägg
#1

Håller på med ett skolarbete se mer här:
http://tibbelit.se/Host/blog/

Allt fungerar bra i Firefox (som följer wc3 standard) men i Internet Explorer ligger bilderna i blogginläggen konstigt då texten "hoppar ner under". Se närmre på denna bilden. http://file.cd/files/12047.jpg

Jag vet inte riktigt hur jag ska lösa detta. Först la ja bilden utanför "löst" i min Div-tag. Här blev problemen större så jag la in bilden i <p></p> (paragraftaggarna) så blev det något bättre. Min css för bilden ser ut så här:
Kod:

.blogpost img{
    width:200px;
    height:auto;
    border:#5c5c5c 5px solid;
    float:right;
    margin-left:7px;
    }

Hoppas någon kan hjälpa mig med detta problemet...

Tack på förhand!

// Tibbelit

headbugMedlem sedan sep. 2006858 inlägg
#2

Jag löser ditt problem såhär:

1. Placera dina <img> taggar innan första <p>.
2. Ta bort width-egenskapen på <p>, det är den som förstör.
3. Styr utseendet på <p> med hjälp av padding/margin och omgivande containern id="blogspot"

mvh

TibbelitMedlem sedan mars 200989 inlägg
#3

Tack för hjälpen, fungerade utmärkt!

Genererad på 385 ms · cache AV · v20260730165559-full.f96bc7eb