2 svar · 363 visningar · startad av CatZ
På bilden får jag inte texten att hamna som den ska i 2 olika block till höger om bilden. Det behöver väl inte vara block iofs ska jag lägga texten i en div till höger om bilden istället?
Hur gör experterna och varför?
float:left på bilden?
Som jag förstår så vill du att texten till höger om bilden ska bilda två kolumner...?
zcorpans förslag är helt OK med en textkolumn, men det blir knepigare så fort man vill ha fler textkolumner. Att ha texten i varsitt <p> och floata left och right är en variant.
Men med risk för att detta inte är semantiskt riktigt så kan man göra någonting så här, vilket är enklare:
css:
#text dl {
padding:0;
margin:15px;
list-style-type:none;
}
dd {
float:left;
width:9em;
position:relative;
}
.left{
float: left;
}
html
<div id="text"><img src="images/bild.jpg" alt="" class="left" />
<dl>
<dd>Text text text text text Text text text text text</dd>
<dd>Text text text text text Text
text text text text Text text
text text text Text text text text text Text
text text text text Text text
</dd></dl></div>
OBS inget experttips! 