Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di chiappesonore
    Registrato dal
    Jul 2010
    residenza
    Cuorgne'
    Messaggi
    36

    Allineamento orizzontale di immagini in una tabella

    ciao a tutti,
    nella tabella in fondo a questa pagina noto che le 2 immagini non solo sullo stesso livello.
    Come posso allinearle in centro?

    ho provato con un "valign" ma non funziona:
    codice HTML:
    <table style="width:100%">  <tr>    <td><img src="https://i.imgur.com/hAyvRco.jpg" alt="Sicily road trip" style = "valign: middle; width: 100%"/></td>    <td><img src="http://vironda.it/wp-content/uploads/2019/01/IMG_20190105_075018.jpg" style = "valign: middle; width: 100%"/></td>   </tr></table>

  2. #2
    codice:
    <table width="100%">  
    <tr>    
    <td align="center" valign="middle"><img src="https://i.imgur.com/hAyvRco.jpg" alt="Sicily road trip" width="100%" height="100%"/></td>    
    <td align="center" valign="middle"><img src="http://vironda.it/wp-content/uploads/2019/01/IMG_20190105_075018.jpg" width="100%" height="100%"/></td>   
    </tr>
    </table>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it L'avatar di chiappesonore
    Registrato dal
    Jul 2010
    residenza
    Cuorgne'
    Messaggi
    36
    Grazie, funziona!
    per un'immagine singola fuori da una tabella, in mezzo al corpo, come potrei fare? "align" non va

  4. #4
    Un'immagine con misure fisse? Dentro a un div?
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  5. #5
    Utente di HTML.it L'avatar di chiappesonore
    Registrato dal
    Jul 2010
    residenza
    Cuorgne'
    Messaggi
    36
    Quote Originariamente inviata da carlomarangoni Visualizza il messaggio
    Dentro a un div?
    si, cosi' OK

  6. #6
    Centrare in orizzontale e verticale
    codice:
    <style>
    img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -100px 0 0 -100px;
    }
    </style>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  7. #7
    Utente di HTML.it L'avatar di chiappesonore
    Registrato dal
    Jul 2010
    residenza
    Cuorgne'
    Messaggi
    36
    Quote Originariamente inviata da carlomarangoni Visualizza il messaggio
    codice:
    <table width="100%">  
    <tr>    
    <td align="center" valign="middle"><img src="https://i.imgur.com/hAyvRco.jpg" alt="Sicily road trip" width="100%" height="100%"/></td>    
    <td align="center" valign="middle"><img src="http://vironda.it/wp-content/uploads/2019/01/IMG_20190105_075018.jpg" width="100%" height="100%"/></td>   
    </tr>
    </table>
    in realta' devo usare un
    VSPACE=100
    per settare manualmente la posizione verticale.

    diventa
    <td><img src="/wp-content/uploads/2019/maquis/Indian-fig%20-%20Opuntia%20ficus-indica.jpg" alt="Fico d'India" VSPACE=100/></td>

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 © 2024 vBulletin Solutions, Inc. All rights reserved.