• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text bricht nicht um

Matze27

Mitglied
Hallo,
ich habe das Problem, dass ich eine dl Liste in einem div erstellt habe, der Text des <dd> aber sich nicht umbricht...vieleicht kann mir einer von euch einen Tip geben.
Anbei ein bild vom problem und der Quellcode:

beispiel.jpg
HTML:
<div id="nav_re">
        <dl>
              <dt>Blockhaus</dt>
             <dd class="img"><img src="bilder/blockhaus.jpg" alt="blockhaus" /></dd>
              <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque parturient</dd>
              
           </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:
#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;
}
Gruß
Matze
 
Werbung:
Zurück
Oben