Ciao ho un problema di questo genere:
dato il seguente codice:
<div class="news_front"> [img]img/immagine_esempio.gif[/img]
<div class="titolo">Titolo della notizia breve </div>
(gg/mm/aaaa) - Abstract della notizia che potrebbe continuare</p>
</div>
<div class="news_front">
[img]img/immagine_esempio.gif[/img]
<div class="titolo">Titolo della notizia che potrebbe essere lungo su più righe</div>
(gg/mm/aaaa) - Abstract della notizia che potrebbe continuare anche per un bel pezzo con periodi lunghi e prolissi che si ripetono all'infinito Testo della notizia che potrebbe continuare anche per un bel pezzo con periodi lunghi e prolissi che si ripetono all'infinito Testo della notizia che potrebbe continuare anche per un bel pezzo con periodi lunghi e prolissi che si ripetono all'infinito</p>
</div>
Le immagini tendono ad accavallarsi come nel file immagine allegato. Gli stili fanno ben poco in questo caso ma non riesco a capire come risolvere la questione.
ecco il codice degli stili che governano i div:
#main .news_front {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #CDE5FF;
margin-top: 0.2em;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
#main .news_front img {
float: left;
margin-right: 5px;
margin-bottom: 5px;
display: block;
page-break-after: avoid;
}
Idee?
grazie mille
Rispondi quotando