Partage
  • Partager sur Facebook
  • Partager sur Twitter

Centrer un bloc verticalement

    23 juillet 2017 à 11:58:50

    Bonjour,

    Pour éviter de faire un long discours voici le lien du site : https://www.parieurs-et-joueurs.com/

    Je souhaite centrer verticalement tout le texte qui se situe dans la zone grise.

    Pouvez-vous m'aider svp ?

    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      23 juillet 2017 à 12:08:04

      tu veux que le texte sois comme ca :

      t

      e

      x

      t

      e

      • Partager sur Facebook
      • Partager sur Twitter
        23 juillet 2017 à 12:11:03

        Je veux que le texte reste comme il est maintenant mais juste centrer verticalement dans la zone grise
        • Partager sur Facebook
        • Partager sur Twitter
        Anonyme
          23 juillet 2017 à 12:15:43

          Je vois pas ou tu veux en venir
          • Partager sur Facebook
          • Partager sur Twitter
            23 juillet 2017 à 12:29:40

            Hello,

            Il veut descendre le texte ? line-height , position relative, etc... 

            Est-ce cela ta question ?

            • Partager sur Facebook
            • Partager sur Twitter
            Anonyme
              23 juillet 2017 à 12:30:42

              Je pense qu'il veut positionner le h2 ou h1 sur l'image de classe shadow
              • Partager sur Facebook
              • Partager sur Twitter
                23 juillet 2017 à 12:34:09

                Dommage de passer du temps à comprendre une question au lieu de proposer des solutions ^^ 

                Sur ce bon appétit...

                • Partager sur Facebook
                • Partager sur Twitter
                Anonyme
                  23 juillet 2017 à 12:37:41

                  Lucky13 propose toi d solutions moi mon niveau html / css c'est comme trump et sa peau orange
                  • Partager sur Facebook
                  • Partager sur Twitter
                    23 juillet 2017 à 12:38:34

                    La question me parait pourtant simple, dans l'encadré gris on voit bien que le bloc de texte n'est pas centré verticalement, on est d'accord ?

                    Il est plus en haut que en bas, donc je veux le centrer verticalement, j'ai essayé line-height et position absolute, mais il ne ce centre pas :/

                    -
                    Edité par SuperMarioBross 23 juillet 2017 à 12:38:55

                    • Partager sur Facebook
                    • Partager sur Twitter
                    Anonyme
                      23 juillet 2017 à 12:39:50

                      Essaie d'augmenter le margin-top
                      • Partager sur Facebook
                      • Partager sur Twitter
                        23 juillet 2017 à 12:59:13

                        supprimer le padding-top:100px du h1,
                        et passer la div "corps" en flex:

                        	display:flex;
                        	flex-direction:column;
                        	align-items:center;
                        	justify-content:center;
                        



                        • Partager sur Facebook
                        • Partager sur Twitter
                          23 juillet 2017 à 13:59:22

                          @chrislebure ne pas oublier de spécifier une hauteur à l'élément conteneur, sinon ça ne fonctionnera pas bien.

                          https://codepen.io/EmmanuelBeziat/pen/zKXdoa 

                          • Partager sur Facebook
                          • Partager sur Twitter

                          Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

                          Centrer un bloc verticalement

                          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                          • Editeur
                          • Markdown