Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483

    Centratura verticale immagine

    Ho l'esigenza (pagina in php che prende immagini da un db) di inserire un'immagine dentro un div e non metterla come sfondo nel foglio di stile.

    Quest'immagine dev'essere centrata (text-align: center), e fin qui tutto ok, e centrata anche verticalmente, ma il comando 'vertical-align: middle;' nel foglio di stile non me lo considera e l'immagine resta posizionata al top.

    Dove sbaglio?
    A me mi dà la carica, agli italiani gli dà la carica

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Centratura verticale immagine

    se provi a dare, nel foglio di stile CSS, un margin-top:XX alla immagine? Credo debba considerarlo nel momento in cui vai a richiamarlo dal DB. Ovviamente dividiti lo spazio in alto ed in basso del tuo DIV.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    Sì con un margin-top funziona, ma volevo allinearla verticalmente in automatico.

    Se provi a scrivere direttamente nell'html '<img src=ecc.>' non funziona lo stesso.

    mah
    A me mi dà la carica, agli italiani gli dà la carica

  4. #4
    Utente di HTML.it L'avatar di BananaBoat
    Registrato dal
    Aug 2004
    Messaggi
    1,269
    purtroppo devi inserire un table all'interno del div, per il centramento verticale le tabelle sono quasi indispensabili, ci sono altri metodi spiegati su www.constile.org , ma questo e' il piu' efficace:
    codice:
    <table style="border-collapse:collapse;width:100%;height:100%;">
    <tr>
    <td style="vertical-align:middle;">qui immagine</td>
    </tr>
    </table>
    da me dopo height:100% il ; e' a capo, non capisco perche', comunque naturalmente va tutto attacato
    devi solo metterlo all'interno del div
    non e' molto semantico ma e' corretto e abbastanza snello

  5. #5
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    Mi sa in effetti che non si può fare e occorre ricorrere alle tabelle.
    Grazie mille
    A me mi dà la carica, agli italiani gli dà la carica

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.