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:
    790
    J'aime reçus:
    5
    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 024
    J'aime reçus:
    1
    et en padding-top/bottom auto tu as essayé ?
     
  3. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    790
    J'aime reçus:
    5
    Oui j'ai essayé ça donne rien !
     
  4. sigma2008
    sigma2008 WRInaute impliqué
    Inscrit:
    18 Juin 2008
    Messages:
    790
    J'aime reçus:
    5
    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
grande image centrer verticalement dans DIV avec largeur variable de l'ecran Développement d'un site Web ou d'une appli mobile 28 Juin 2022
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
Centrer une image en CSS Développement d'un site Web ou d'une appli mobile 11 Novembre 2008
Centrer une image de fond dans un tableau sans la répétée Développement d'un site Web ou d'une appli mobile 29 Novembre 2006
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
Centrer un site en css????? Développement d'un site Web ou d'une appli mobile 14 Mars 2009
Centrer le site... Développement d'un site Web ou d'une appli mobile 10 Novembre 2008
Centrer newsletter Demandes d'avis et de conseils sur vos sites 7 Octobre 2008
pas moyen de centrer mon site Développement d'un site Web ou d'une appli mobile 27 Juin 2008
CSS : centrer un div Développement d'un site Web ou d'une appli mobile 6 Mai 2008
Centrer une page ? Développement d'un site Web ou d'une appli mobile 29 Février 2008
Pour centrer mon tableau ? Développement d'un site Web ou d'une appli mobile 17 Janvier 2008