[Web2.0] allineamento immagini

Cimoli Alessandro alessandro.cimoli a fastweb.it
Lun 18 Giu 2007 16:16:21 CEST


Domenico L. wrote:

> Chiediti se il messaggio rappresentato dalle immagini è da rappresentare 
> in maniera tabulare. se sì usa una tabella con degli stili (che possiamo 
> vedere insieme).

No, non si può rappresentare in maniera tabulare.

> altrimenti ti tocca fare una cosa così:
> 
> <div style="text-align:center">
> <span style="float:left;width:100px"><img ...  /> </span>
> <span style="float:right;width:100px"></span>
> <img />
> </div>

Con il tuo esempio l'immagine centrale è allineata verticalmente al top, a me serve allineata al bottom. Ho comunque risolto in questa maniera. La scrivo, magari può essere utile a qualcuno:

#tasti{position:relative; width:100%; height: 94px; overflow:auto;} 
#avanti{position:absolute; width:100%; text-align:center; bottom: 0px;} 
#verisign{position:absolute; text-align:left; top: 0px;}

<div id="tasti">
	<div id="avanti"><img src="images/bottone_avanti.gif" width="100" height="25" alt="" /></div>
<div id="verisign"><img src="images/verisign.gif" width="82" height="94" alt="" /></div>
</div>

Grazie comunque per il tuo preziosissimo aiuto.
Ale


Maggiori informazioni sulla lista Web2.0