Ciao, ho provato a creare un div contenitore che rappresenta il corpo del testo. Ai lati ci sono due div, uno per la navigazione e uno per l'extra, posizionati con il float. E fino a qui tutto bene.
Nel div centrale ho creato due div allineati e messi uno vicino all'altro, sempre con il float. Per creare l'effetto "tabella a due colonne" hanno la larghezza al 50%, entrambi. E fino a qui, tutto ok.
Poi, dentro questi stessi div ho creato altri due div, utilizzando le stesse classi utilizzate per gli ultimi due. Gli ho messo in uno un immagine e in un altro del testo. Ma si vedono sfalzati...uno sopra a sinistra e uno giù a destra. Solo che dovevano stare sulla stessa riga...ho provato a mettergli dei display: inline ma non è cambiato niente.
Qui il codice css.
div.bodyleft {float: left; width: 50%; text-align:center; display:inline}
div.bodyright {float: right; width: 50%; text-align:center; display:inline}
Qui il codice html
<div class="bodyleft">
<div class="bodyleft">
[img]http://[/img]
</div>
<div class="bodyright">
testo
</div>
</div>
<div class="bodyright">
<div class="bodyleft">
testo
</div>
<div class="bodyright">
testo
</div>
</div>
Rispondi quotando
