buongiorno!

ho un layout a tre colonne, e nel <div id="principale"> avrei bisogno di usare vari box i cui ci devo inserire un'immagine a sx e un testo a dx.
Questi box li ho chiamati box1, box2, box3...etc
ad esempio: se io inserirsco all'interno di box1, l'immagine a sx e i testo a dx, ho questi problemi: se uso per il testo elenchi puntati, questi mi finiscono sotto l'img, e se il testo supera l'altezza dell'img stessa, va a capo ( cioè non rimane incolonnato).
allora ho pensato di creare una classe #box1.img per l'immagine e #box1.text per il testo, ma non cambia niente :master:

come potrei gestire la situation?

codice:
#principale .box { 
	border-style: none solid solid solid; 
	border-color: #ccc; 
	border-width: 1px; 
	padding:	10px;
}

#box1 {
            display:block;
border-style: none solid solid solid; 
	margin:3px;
	border-color: #ccc; 
	border-width: 1px; 
	background: #ffffcc; 
	padding:.5px;
}

#box1.img
{
          
border-style: none solid solid solid; 
	margin:0px;
	border-color: #ccc; 
	border-width: 1px; 
	background: #ff0000; 
	padding:.5px;
}

#box1.text
{
            
border-style: none solid solid solid; 
	margin:0px;
	border-color: #ccc; 
	border-width: 1px; 
	background: #ff0000; 
	padding:.5px;

}
html


codice:
<div id="principale"><div class="box">

<div id="box1"><div class="img">
[img]immagini/img.jpg[/img]
</div>
<div class="text">

<h3>TESTO</h3>

<h4>- Prova e riprova<ul TYPE=circle>[*]Pacchetto gestionale monoutente (applicazione desktop)[*]Pacchetto gestionale multiutente (client/server LAN)[/list]


<h4>

</P></div>
</div>
grazie
ciauz