Partage
  • Partager sur Facebook
  • Partager sur Twitter

Centrer texte

    5 octobre 2006 à 19:31:49

    Bonjour a tous.

    J'ai une petite question. Je cherche sur mon titre a afficher des paroles de chanson, donc text-align=left sa donne

    Bla blabla blabla bla
    blabla bla bla blablabla
    blablablablablablabla
    blablablablablabla

    Blablablablablabla
    blablablablablablabla
    blablablablablabla
    ...


    et j'aimerai centrer ce texte, de maniere a ce que cette mise en forme reste intact, masi que mon texte soit centré sur la page.

    Resultat NON recherché:

    Bla blabla blabla bla
    blabla bla bla blablabla
    blablablablablablabla
    blablablablablabla

    Blablablablablabla
    blablablablablablabla
    blablablablablabla
    ...



    voila. merci d'avance.
    • Partager sur Facebook
    • Partager sur Twitter
      5 octobre 2006 à 19:39:15

      <div align="center"> ton texte <div>

      est ajoute des
      <br>
      à chaque phrase.
      • Partager sur Facebook
      • Partager sur Twitter
        5 octobre 2006 à 19:42:46

        mirci. mais sa marche pas. sniff
        • Partager sur Facebook
        • Partager sur Twitter
          5 octobre 2006 à 19:43:00

          tu fais un bloc de xxxpx de largueur, tu positionnes ce bloc a gauche et tu centres le text a l'intérieur.
          Sinon tu peux aussi te servir de la balise <pre>

          Exemple:

          <div class="chanson">
          <h3>titre chanson</h3>
          <p>
          Bla blabla blabla bla <br />
          blabla bla bla blablabla <br />
          blablablablablablabla <br />
          blablablablablabla
          </p>
          <p>
          Blablablablablabla <br />
          blablablablablablabla <br />
          blablablablablabla
          </p>
          </div>


          .chanson {
                  width: 150px;
                  text-align: center;
                  background-color: #FFCCCC; /*juste pour situer le bloc*/
          /* tu peux également mettres le bloc en position left right absolue etc si tu veux*/

          }


          Pour l'utilisation de la balise , cela implique que tu centres tes lignes manuellement (plus chi..nt).


          • Partager sur Facebook
          • Partager sur Twitter
            5 octobre 2006 à 19:45:47

            Salut! :)


            Citation : Moxostoma

            <div align="center"> ton texte <div>


            est ajoute des

            <br>

            à chaque phrase.



            Tu devrais lire le tuto sur la semantique...

            Je te conseille:


            <p>Ton texte</p>


            et

            p
            {
            text-align:center;
            }


            Sinon,tu ajoutes une class a ton paragraphe,si tu veux pas appliquer ça a tous les paragraphes ;)

            @+++,bonne continuation.
            • Partager sur Facebook
            • Partager sur Twitter
              5 octobre 2006 à 19:53:51

              Citation : harbo

              Tu devrais lire le tuto sur la semantique...



              Tout ceci n'a rien a voir avec la sémantique c'est plutot du coté validité XHTML qu'il faut ce tourner.
              En ce qui concerne les <br/> cette balise est correcte d'un point de vue sémantique (il me semble tout au moins dans ce cas) .

              http://giminik.developpez.com/xhtml/br.html
              http://www.la-grange.net/w3c/html4.01/struct/text.html
              • Partager sur Facebook
              • Partager sur Twitter
                5 octobre 2006 à 20:04:40

                Je sais,mais les balises div ne sont pas fait pour des paragrphes centre: un <p> avec un text-align:center,ça revient au meme.Personellement,je le fais comme ça pour la lisiblité de mon code(oui,je suis un peu maniac :p )
                • Partager sur Facebook
                • Partager sur Twitter
                  5 octobre 2006 à 20:08:31

                  Oula je ne te suis pas là.

                  J'ai mis un bloc div pour rassembler plusieurs couplets d'une chanson.
                  Qu'y a t'il de pas sémantique là dedans ?

                  A quoi servent les balises <div> et <span> alors ?
                  • Partager sur Facebook
                  • Partager sur Twitter
                    5 octobre 2006 à 20:11:49

                    Ha ben merd*!
                    C'est moi qui est mal compris la question alors!Je pensais qu'il avait deja son div,qu'il voulait centrer ses couplets... Désolé du dérengement...
                    • Partager sur Facebook
                    • Partager sur Twitter
                      5 octobre 2006 à 20:14:28

                      Je ne connais pas du tout son code, je donnais simplement un exemple complet, pour une chanson complete
                      • Partager sur Facebook
                      • Partager sur Twitter
                        6 octobre 2006 à 0:05:26

                        Pour en revenir au problème de départ, il est impossible de faire ça "simplement". J'entend par là qu'il n'existe pas de valeur pour text-align qui centre le texte tout en gardant l'alignement à gauche (... 'fin vous me comprenez).

                        Pour obtenir ce résultat il va donc faloire bidouiller un peu. En fait on va utiliser une marge à gauche de valeur relative, en l'occurance un pourcentage de la largeur totale. Seul petit hic, il va falloire que tu estime la largeur maximale de tes vers.
                        Le code :
                        <p class="paroles">
                        Bla blabla blabla bla<br />
                        blabla bla bla blablabla<br />
                        blablablablablablabla<br />
                        blablablablablabla<br />

                        Blablablablablabla<br />
                        blablablablablablabla<br />
                        blablablablablabla<br />
                        ...
                        </p>

                        p.paroles {
                        padding-left: 45%;
                        }

                        Mettons 45% pour commencer, à toi ensuite d'ajuster en fonction, histoire que ça ai l'air centré. Le problème c'est que sur de très grandes ou très petites résolutions, ça passera pas très bien...

                        Sinon il y aurait une solution, qui ne donnerait pas le résultat recherché, mais qui reste dans l'esprit. Il suffit de faire pareil avec une marge définie (mettons 40px ou 3em par exemple). Ca différenciera bien les paroles du reste (ce qui est l'effet voulu je pense), et ça aura l'avantage de bien passer sur toutes les résolutions.
                        • Partager sur Facebook
                        • Partager sur Twitter
                          6 octobre 2006 à 6:20:10

                          Tu peux également regarder cette page http://tudebutes.free.fr/poesie.html, affiches le code source si c'est ce que tu cherches , j'ai mis le css dans la même page.
                          • Partager sur Facebook
                          • Partager sur Twitter

                          Centrer texte

                          × 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