Centrer une image dans une cellule de tableau

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Colnem30
    a répondu
    SI ton conteneur n'englobe que l'image, tu le mets en {overflow:hidden} de façon à ce qu'il englobe l'image.
    Ensuite, tu peux appliquer un padding si tu veux un espace entre le conteneur et l'image.

    Ce qui donne:
    div.drapeau {overflow:hidden; padding:20px auto;}
    pour le cadrage vertical.
    img.identite-drapeau {display:block; margin:auto;} pour le cadrage horizontal.

    Laisser un commentaire:


  • woluweb
    a répondu
    Deux lignes de css efficaces : voir le tip 1 de Una sur cette page pour centrer avec CSS Grid
    This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.

    Laisser un commentaire:


  • Alain_56
    a répondu
    Envoyé par Colnem30 Voir le message
    Bonjour
    Tu ne nous dit pas si .identite-drapeau est la classe de l'image ou celle de son conteneur.
    Pour le centrage horizontal, appliquer à l'image la règle CSS: {display:block; margin:auto;}.
    Pour le centrage vertical, par rapport à quoi? à l'écran? à un conteneur?
    Bonjour Colnem30,
    .identite-drapeau est la classe de l'image
    Je souhaite un centrage vertical par rapport à un conteneur "drapeau".
    Alain

    Laisser un commentaire:


  • Colnem30
    a répondu
    Bonjour

    Tu ne nous dit pas si .identite-drapeau est la classe de l'image ou celle de son conteneur.

    Pour le centrage horizontal, appliquer à l'image la règle CSS: {display:block; margin:auto;}.
    Pour le centrage vertical, par rapport à quoi? à l'écran? à un conteneur?

    Laisser un commentaire:


  • Centrer une image dans une cellule de tableau

    Bonjour,
    Dans un fichier HTML, je veux center verticalement et horizontalement une image.
    Code HTML:
    .identite-drapeau {
    border: 0px #aaa solid;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    }
    Le css ci-dessous ne centre pas l'image, où est mon erreur ?
    Dernière édition par Alain_56 à 26/08/2022, 09h47

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X