Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2013
    Messaggi
    21

    Immagini: allineamento e ridimensionamento automatico

    Anche se è una banalità io non ci riesco

    Ho un blog con layout fluido, alla fine della pagina vorrei inserire una serie di loghi, quindi immagini.

    Vorrei dividere in parti uguali lo spazio nel mio footer ed inserire 3 immagini per riga, le immagini devono centrarsi e ridimensionarsi automaticamente

  2. #2
    ciao, allora nella parte html metti questo

    <div class="ti_Tabella">
    <div>
    <div style="background-color:lime"><img src="immagine.jpg" /></div>
    <div style="background-color:aqua"><img src="immagine.jpg" /></div>
    <div style="background-color:yellow;"><img src="immagine.jpg" /></div>
    </div>
    </div>
    nella parte css invece questo

    .ti_Tabella { display:table; table-layout:fixed; width:100%; border-collapse:collapse; }
    .ti_Tabella > div { display:table-row; }
    .ti_Tabella > div > div { display:table-cell; width:auto; text-align:center }
    .ti_Tabella > div > div > img { width:100%; }

    se vuoi più spazio tra le immagini gioca con i padding del div interno
    Ultima modifica di EliBelTI; 14-05-2014 a 18:10

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.