Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di diablobox
    Registrato dal
    Feb 2001
    residenza
    Pisa
    Messaggi
    1,154

    Allineare verticalmente al centro un immagine

    Ciao
    ho delle immagini da caricare su un sito che possono essere di dimensioni diverse

    Vorrei però che tutte fossero visualizzate in una finestra di dimensioni preimpostte che ho fatto di 250 x 167

    Per cui ho racchiuso l'immagine all'interno di 2 div

    codice:
    .ContenutoImmagineVetrina {
    width:250px;
    height:167px;
    border:#7E746D 1px solid;
    float:left;
    background-color:#FFF2F5;
    padding:0;
    margin:0;
    }
    
    .ContenutoImmagineVetrinaNascondi {
    padding:0;
    margin:0;
    width:249px;
    height:166px;
    overflow:hidden;
    }
    
    .ContenutoImmagineVetrina img{
    padding:0;
    width:249px;
    margin:0;
    border:0;
    padding:1px;
    overflow:hidden;
    }
    non riesco però a centrare 250 x 400 vorrei che fosse centrate.
    Come potrei fare?

  2. #2
    potresti inserire un altro div che contiene l'immagine con la proprietà:

    display: inline-block;

    in questo modo il div sarà grande quanto l'immagine e poi procederai a centrare il div con:


    margin: auto;



    Se non ti è chiaro passami il codice html usato che lo riadatto al volo per farti capire l'esampio...

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