[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