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
2 svar · 509 visningar · startad av Tibbelit
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
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
Tack för hjälpen, fungerade utmärkt!