Hallo,
ich habe das Problem, dass ich eine dl Liste in einem div erstellt habe, der Text des
Anbei ein bild vom problem und der Quellcode:
[ATTACH]2002.vB[/ATTACH]
[HTML]
- Blockhaus
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque parturient
</dl>
<dl>
<dt>Blaue Haus</dt>
<dd class="img"><img src="bilder/blaue_haus.jpg" alt="blaue haus" /></dd>
<dd>1651651</dd>
</dl>
<dl>
<dt>Kick IN</dt>
<dd class="img"><img src="bilder/kick_in.jpg" alt="kick in" /></dd>
<dd>65666546541651651651651651651</dd>
</dl>
</div>[/HTML]
[HTML]
#nav_re {
padding: 10px 0;
border: 2px solid #c8cdd2;
height: 600px;
width: 300px;
float: left;
}
#nav_re dl {
padding: 0;
margin: 10px 20px;
float: left;
width: 260px;
display: inline /*fixt den Bug der Randverdopplung im IE/WIN */;
}
#nav_re dt {
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: 1px;
color: #627081;
float: right;
width: 151px;
}
#nav_re dl .img img {
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #c8cdd2;
border-right-color: #c8cdd2;
background: #fff;
float: left;
width: 90px;
height: 80px;
}
#nav_re dd {
padding: 0;
font-size: 85%;
line-height: 1.5em;
color: #666;
margin: 0;
}
[/HTML]
Gruß
Matze