Koden nedan är tänkt att ha en bild till vänster, en i mitten och en till höger. På bilden till vänster och höger ska man kunna ha text. Bilden ska fungera som en body bakgrundsbild gör alltså.
Nu fungerar bilderna, jag får texten att börja på rätt ställe, men den radbryter inte.
Vad har jag gjort för fel?
<html>
<head>
<style type"text/css">
.vanster {
position: absolute;
left: 0px;
z-index: 1;
}
.vanster p {
position: absolute;
left: 5px;
font:90% tahoma, verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
}
.mitt {
position: absolute;
left: 200px;
}
.mitt img {
margin: 0px;
border: 0px;
}
.hoger {
position: absolute;
left: 400px;
}
.hoger img {
margin: 0px;
border: 0px;
}
.hoger p {
position: absolute;
left: 5px;
font:80% tahoma, verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
}
</style>
</head>
<body>
<div class="vanster">
<img src="bild1.jpg">
<p>text, mer text. Ännu mer text för att se om den radbryter.</p>
</div>
<div class="mitt">
<img src="bild2.jpg">
</div>
<div class="hoger">
<img src="bild3.jpg">
<p>text, mer text. Ännu mer text för att se om den radbryter.</p>
</div>
</body>
</html>
Mvh
Jan-Olov