immagini affiancate

[fairy_elly]

Salve a tutti. Vorrei sapere qual è il codice per ottenere 2 immagini o 2 scritte affiancate..grazie!!

[seed_squall_it]

Se usi i CSS, devi utilizzare la proprietà float sui box che contengono le immagini o le scritte che vuoi affiancare:

CODICE XHTML:

<div class="affianca">CONTENUTI 1</div>
<div class="affianca">CONTENUTI 2</div>
<br class="clear" />

CODICE CSS:

.affianca {
width: 200px;
float: left;
}

.clear {
clear: left;
}

Con questo codice i due box costituiti dai <div> con classe "affianca" sono affiancati poiché entrambi flottanti a sinistra. L'elemento
inserito dopo di essi, serve a ripulire il float e quindi a ripristinare il normale flusso del documento (qualora gli elementi successivi non dovessero più essere flottanti). Gli elementi flottanti infatti sono estratti dal flusso e quindi la loro presenza non influenza minimamente gli elementi ad essi adiacenti posizionati normalmente. Tieni presente che è necessario dimensionare (o almeno assegnare una delle due dimensioni, specie la larghezza) i box flottanti, perché IE ha notevoli problemi altrimenti. Nel codice riportato qui sopra, ciascuno dei box con classe "affianca" ha una larghezza di 200px. Tieni presente però che devi studiarti molte "particolarità" degli elementi flottanti cercando in rete qualche buona guida sui CSS, sia per capirne la logica alla base, sia per evitarti molti mal di testa a causa dell'interpretazione di IE, che è soggetto a una serie infinita di bug (esiste il modo di evitarli ovviamente, ma è meglio che tu approfondisca l'argomento in modo da padroneggiare la tecnica...non hai idea di quanti fastidi ti risparmi, specie con IE, conoscendo certe cose).