Centrer une image en height

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par sigma2008, 27 Février 2015.

  1. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    753
    J'aime reçus:
    4
    Bonjour,

    Je souhaite centrer une image en top, comme vous pouvez voir le div en noir avec le code :

    Code:
    #bloc{
    width : 300px;
    height : 300px;
    }
    #bloc img{
    }
    [​IMG]

    Les images ont toutes un width : 300px sauf que le height est variable donc je ne peux ps utiliser le margent top ou le padding dans le div, y a il un moyen pour centrer l'image dans le div : bloc ? centrage en height comme ceci :

    [​IMG]


    Merci beaucoup
     
  2. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 196
    J'aime reçus:
    1
    et en padding-top/bottom auto tu as essayé ?
     
  3. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    753
    J'aime reçus:
    4
    Oui j'ai essayé ça donne rien !
     
  4. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    753
    J'aime reçus:
    4
    C'est fait j'ai trouvé, sur l'image il faut ajouter vertical-align: middle; et le div : line-height: 200px;
     
Chargement...
Similar Threads - Centrer image height Forum Date
Centrer image thème naturespace Développement d'un site Web ou d'une appli mobile 19 Mars 2015
Centrer une image horizontalement sur un div Développement d'un site Web ou d'une appli mobile 25 Septembre 2012
Centrer une image de taille variable. Développement d'un site Web ou d'une appli mobile 8 Mars 2009
Balise Canonical pour "concentrer le jus" SEO? Problèmes de référencement spécifiques à vos sites 18 Juin 2015
Centrer mon site Demandes d'avis et de conseils sur vos sites 26 Novembre 2014
peut on oublier google et se concentrer sur bing et yahoo? Débuter en référencement 7 Février 2013
Centrer verticalement un texte (CSS) Développement d'un site Web ou d'une appli mobile 16 Février 2012
centrer menu horizontal deroulant Développement d'un site Web ou d'une appli mobile 28 Juin 2011
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[RESOLU] jQuery : centrer par rapport à la taille du navigateur Développement d'un site Web ou d'une appli mobile 25 Août 2010
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice