'giorno a tutti,
vi chiedo un consiglio...
ho una lista non ordinata che propone articoli composti da immagine più il testo descrizione che incornicia l'immagine.
L'immagine ha float:left, quindi si trova al top left del paragrafo con il testo, il mio problema è che la dove il testo è minimo, il paragrafo finisce prima dell'immagine e la stessa sborda dal paragrafo, incasinando l'impaginazione verticale, al momento non è disponibile online, ma posso posto il codice interessato.
Codice esempio
In questo caso ho usato uno span per simulare un eventuale immagine di dimensioni 100px X 100px, nella realtà ovviamente c'è un immagine.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Test</title> <style type="text/css"> #test {display:block;width:100px;height:100px;background:#ddd;float:left;margin:5px 20px 0 0;border:6px solid #E2EBF4;padding:4px} p {width:300px;text-align:justify;margin:0;padding:5px;border-top:5px solid red;border-bottom:5px solid red} </style> </head> <body> <span id="test">immagine</span>Testo </p> </body> </html>
NB: non posso usare min-height perchè le immagini caricate vengono ridimensionate da php, quindi se carico un immagine più alta che larga non posso sapere che min-height dare di default.
Grazie