CSS : mon centrage d’image ne fonctionne pas

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #448797
    imported_BenKenobi
    Membre
    Padawan WordPress
    93 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.0.4
    – Thème utilisé : K2
    – Nom de l’hebergeur : 1&1

    Problème(s) rencontré(s) :

    Dans mon CSS, pour l’alignement des images j’ai ça :

    img.center, img[align=”center”] {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    	
    img.alignright, img[align=”right”] {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft, img[align=”left”] {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;

    Ainsi lorsque je veux aligner une image à gauche (ou a droite avec “alignright) je mets ce code :

    <img src="url de mon image" alt="blalbla" titre="blabla" class="alignleft">

    Mais lorsque je veux centrer une image, je pensais devoir faire la même chose avec center comme ceci :

    <img src="url de mon image" alt="blalbla" titre="blabla" class="center">

    Mais cela ne fonctionne pas.

    Comment ça se fait ?

    #581173
    AmO
    Participant
    Maître WordPress
    4452 contributions
    BenKenobi wrote:
    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.0.4
    – Thème utilisé : K2
    – Nom de l’hebergeur : 1&1

    Problème(s) rencontré(s) :

    Dans mon CSS, pour l’alignement des images j’ai ça :

    img.center, img[align=”center”] {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    	
    img.alignright, img[align=”right”] {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft, img[align=”left”] {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;

    Ainsi lorsque je veux aligner une image à gauche (ou a droite avec “alignright) je mets ce code :

    <img src="url de mon image" alt="blalbla" class="alignleft">

    Mais lorsque je veux centrer une image, je pensais devoir faire la même chose avec center comme ceci :

    <img src="url de mon image" alt="blalbla" class="center">

    Mais cela ne fonctionne pas.

    Comment ça se fait ?

    Pour la droite et la gauche tu utilise pas float ?
    Sinon une solution peut etre de mettre ton image dans un div, ou tu applique un ‘text-align:center;’
    Et ‘text-align:center;’ sur l’image ca fonctionne pas ?

    #581174
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4080 contributions

    Pour utiliser float, je dois modifier quoi dans le CSS et faire quoi ensuite dans mon texte pour que ca marche ?

    Sinon pour le centrage,

    semble fonctionner mais pas le text-align direct dans .
    #581175
    chsxf
    Participant
    Chevalier WordPress
    129 contributions
    BenKenobi wrote:
    Sinon pour le centrage,

    semble fonctionner mais pas le text-align direct dans .

    C’est tout à fait normal puisque text-align ne s’applique qu’à des contenants et donc pas à un élément lui-même comme une image.

    Sinon, pour le float, ça revient exactement au même que d’ajouter align=”left” ou align=”right” à une image, sachant que float: center n’existe pas.

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.