Visualizzazione risultati 1 fino 7 di 7

Discussione: Allineamento verticale di un'immagine in un div

  1. #1
    L'avatar di webpaul
    webpaul non è connesso Utente attivo
    Data registrazione
    29-04-2005
    Messaggi
    257

    Predefinito Allineamento verticale di un'immagine in un div

    Come posso allineare verticalmente un'immagine (di altezza variabile) all'interno di un div (con altezza fissa)?
    Ho già cercato praticamente ovunque senza aver trovato alcuna soluzione.
    Grazie mille

  2. #2
    Guest

    Predefinito

    http://forum.mrwebmaster.it/73084-post2.html

    Dovresti provare a lavorarci per adattarlo alle tue esigenze.

  3. #3
    L'avatar di webpaul
    webpaul non è connesso Utente attivo
    Data registrazione
    29-04-2005
    Messaggi
    257

    Predefinito

    grazie ma non sono sicuro sia la soluzione che sto cercando.
    Cerco di spiegar meglio ciò che cerco. Ho questa situazione:
    Codice HTML:
    <div>
    <img src="url_immagine" alt="Bla bla" />
    </div>
    Il div ha dimensioni fisse.
    L'immagine ha dimensioni variabili (minori o uguali a quelle del div).
    Nel caso l'altezza dell'immagine sia minore dell'altezza del div, come la centro verticalmente?
    Ho provato a dare al div line-height uguale alla height, vertical-align:middle ma senza risultati.
    L'immagine mi resta sempre allineata al bordo superiore.

  4. #4
    Guest

    Predefinito

    Io ti ho linkato quella pagina perchè quel codice allinea verticalmente. Al posto di assegnare quelle proprietà ad un div, hai provato all'immagine?

    Non si possono fare delle condizioni nel css per verificare l'altezza dell'immagine, infatto ho lo stesso problema e sono dovuto passare ad un layout fixed registrare le dimensioni per crearmi delle condizioni in php.

  5. #5
    L'avatar di webpaul
    webpaul non è connesso Utente attivo
    Data registrazione
    29-04-2005
    Messaggi
    257

    Predefinito

    Grazie ma nel link il div che veniva centrato verticalmente ha dimensioni note. Io non conoscendo le dimensioni dell'immagine (che voglio allineare verticalmente) non posso attuare quelle linee di codice.
    L'alternativa che mi resta è utilizzare javascript ma se posso cerco di evitare.

  6. #6
    Guest

    Predefinito

    http://www.giorgiotave.it/forum/css/...-immagini.html

    Questo dovrebbe risolverti il problema!

  7. #7
    L'avatar di webpaul
    webpaul non è connesso Utente attivo
    Data registrazione
    29-04-2005
    Messaggi
    257

    Predefinito

    sarò tonto ma non riesco a trovare la soluzione nemmeno qui (tra l'altro è un link che avevo già trovato).
    Nel mio caso comunque non c'è un paragrafo <p> ma anche inserendolo non raggiungo il mio obiettivo...

    Edit: forse ho trovato la soluzione qui http://www.cssplay.co.uk/menu/centered
    Ultima modifica di webpaul : 07-10-2009 alle ore 12.12.44

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •