IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Centrer horizontalement un élément inline (span)


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut Centrer horizontalement un élément inline (span)
    Bonjour,

    bien ayant quand même étudié le CSS, il y a visiblement des choses qui m'échappent (Croyez-moi, c'est pénible). Donc je croyais avoir compris comment centrer un élément inline comme un span ; donc je fais : <span class="centrage">texte</span>et
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .centrage {
    text-align:center;
    }
    mais ça ne se centre pas : pourquoi ?

  2. #2
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!


    Mmh, SPAN, c'est un élément de type inline, non? J'ai l'impression que ça fonctionnera mieux avec un conteneur de type block.

  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Avant d'ouvrir la discussion, j'avais aussi essayé, mais pas mieux

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    	<p class="centrage_block">texte</p>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .centrage_block {
    margin-left :auto;
    margin-right :auto;
    }

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour Laurent,
    dommage que tu n'aies pas poussé plus loin tes investigations, car tu y étais presque !
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .centrage_block {
      text-align:center;
    }
    Citation Envoyé par laurentSc Voir le message
    ...bien ayant quand même étudié le CSS, ...
    C'est un bon début.
    Maintenant, il serait temps de commencer à COMPRENDRE la signification et le fonctionnement des propriétés CSS...
    Car, quand même..., tu continues à faire ça au pif, non ?
    Dernière modification par Invité ; 23/11/2014 à 03h53.

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Citation Envoyé par jreaux62 Voir le message
    Car, quand même..., tu continues à faire ça au pif, non ?
    Pas exactement, j'essaie d'utiliser mes connaissances ; je fais aussi une recherche Google et par exemple, pour l'exemple en cours, je viens de trouver une autre solution :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    .centrage_block {
    margin-left : auto;
    margin-right : auto;
    width : 10%;
    /*text-align:center;*/
    }
    La première fois, j'avais oublié le width...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Centrer horizontalement un élément UL
    Par guillaumeabxl dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/01/2012, 10h58
  2. Centrer horizontalement un nombre n d'éléments 'block'
    Par BnA dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 04/12/2008, 16h29
  3. Réponses: 4
    Dernier message: 08/11/2006, 11h56
  4. Centrer verticalement les éléments d'un <form>
    Par Huntress dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 28/03/2006, 09h46
  5. [CR 10] Centrer verticalement un élément dans une boîte
    Par Giovanny Temgoua dans le forum SAP Crystal Reports
    Réponses: 10
    Dernier message: 07/04/2005, 14h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo