Jeg har placeret noget tekst og to billeder med hver deres
undertekster v.hj.a. koderne herunder ("b" hentyder til billeder,
"bt" til billedtekster)
Det skal være sådan at teksten løber til venstre for billederne
og følger deres venstre-kanter.
Det placeres efter hensigten i Netscape 6, men i Internet
Explorer 5.5 ses billede_2 til venstre for billede_1 (billede_2
skulle være under billede_1)
Jeg har brugt "clear" ret tilfældigt, forstår den ikke rigtig...
<style>
#b_1 {float: right; width: 384;
margin-top: 10px; margin-left: 6px;
}
#bt_1 {padding-left: 10px; padding-bottom: 5px;
float: right;
clear: both;
width: 382;
text-align: left;
border-style: solid; border-width: 1px; border-color:
rgb(182,218,160);
border-top: none; border-right: none}
#b_2 {float: right; width: 287;
margin-top: 10px; margin-left: 6px
}
#bt_2 {margin-top: 20px; padding-left: 10px; padding-bottom: 5px;
float: right;
clear: both;
width: 285;
text-align: left;
border-style: solid; border-width: 1px; border-color:
rgb(182,218,160);
border-top: none; border-right: none
}
</style>
<div id="b_1">
<img src="billede_1.jpg" width="382" height="244">
</div>
<div id="bt_1">Her er underteksten til billede 1</div>
<div id="b_2">
<img src="billede_2.jpg" width="287">
</div>
<div id="bt_2">Her er underteksten til billede 2</div>
<p>
Tekst tekst og atter tekst...
</p>
--
Brug Validator service:
http://www.html.dk/validator
- Tast din URL én gang, og validér dokumentet hos 12 validatorer
- Understøtter HTML, CSS og søgemaskineoptimering