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 les blocs


Sujet :

Centrer un élément en CSS

  1. #1
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 125
    Points : 92
    Points
    92
    Par défaut Centrer les blocs
    Bonjour,

    J'ai un petit souci, je n'arrive pas à centrer mes 4 blocs à l'intérieur de mon bloc parent (.mobile), voici le code :

    http://codepen.io/anon/pen/amWOAv

    Merci d'avance.

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    1/
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .mobil .padd-bot {
        ...
      width: 70%;
    }


    2/ <span id="day">... : un id DOIT être unique ! (ce n'est pas le cas ici)

    3/ D'autre part, le code semble inutilement complexe (trop de div et de span !).

  3. #3
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 125
    Points : 92
    Points
    92
    Par défaut
    A vrai dire, si j'ai autant de span, c'est parce que j'ai une fonction en JS qui viens remplir mes champs (date,mois, année).

    Pour mes id, comme j'applique le même style pour mes dates...

    Pour le 70%, je n'ai pas le choix, je ne veux pas être en 100%, je ne veux pas non plus être à moins de 50%. (Autrement, plus de place pour mon datepicker, et les text ce chevauche).

  4. #4
    Invité
    Invité(e)
    Par défaut
    Vu.

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    .row.mob .padd-bot { float:none; margin:0 auto; }

  5. #5
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2014
    Messages
    125
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2014
    Messages : 125
    Points : 92
    Points
    92
    Par défaut
    Merci pour l'astuce !

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

Discussions similaires

  1. Centrer les composants d'un JPanel
    Par Linaa dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 11/06/2006, 18h53
  2. [SWT] centrer les composants dans une vue
    Par LoloBebop dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 07/06/2006, 11h34
  3. [CSS] Centrer les éléments ou un site web
    Par pp51 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 27/12/2005, 16h24
  4. [JTable] centrer les donnees dans les cellules
    Par cmoa59 dans le forum Composants
    Réponses: 5
    Dernier message: 20/05/2005, 12h35
  5. Probleme pour centrer un bloque xhtml/Css
    Par tooms2028 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/01/2005, 23h08

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