Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème avec text-indent

Sujet résolu
    22 février 2006 à 5:49:54

    Bonjour!

    Je voudrais que la première ligne de mes paragraphes soit indentée de 40px, j'ai donc attribué à un de mes paragraphes la classe .firstp et le style suivant

    .firstp:first-line
    {
    text-indent: 40px;
    }
    Malheureusement je n'obtiens pas l'effet désiré, je ne comprends pas ce qui est faux dans le code.
    Ma page se trouve hébergée à l'adresse suivante <lien url="http://w3.homedns.org/Olivier/welcome.html"></lien>

    et encore une question par rapport à cette page, les objets flash que j'ai inséré dans le html génèrent
    123 fautes à la validation html !! comment puis-je rendre le code des flash propre? Connaissez-vous un lien qui explique comment insérer un objet flash tout en restant valide w3c?

    Merci d'avance !
    • Partager sur Facebook
    • Partager sur Twitter
      22 février 2006 à 6:29:08

      .firstp
      {
      text-indent: 40px;
      }

      ça suffira ;)
      • Partager sur Facebook
      • Partager sur Twitter
        22 février 2006 à 13:24:15

        mais alors ce sera tout le paragraphe qui sera décalé non?
        moi je veux que la première ligne qui soit indentée.
        • Partager sur Facebook
        • Partager sur Twitter
          22 février 2006 à 13:51:07

          Un text-indent n'agit que sur la première ligne du paragraphe.
          • Partager sur Facebook
          • Partager sur Twitter
            22 février 2006 à 14:07:49


            p
            {
            text-indent:40px;
            }

            Et c'est tout simplement comme ça. Et comme le dit si bien etbi, le text-indent ne s'applique que pour la première ligne.
            • Partager sur Facebook
            • Partager sur Twitter
              22 février 2006 à 18:55:46

              Oui mais ici on veut juste appliquer une indentation au premier paragraphe.

              Tu peux aussi faire ça :
              parent p:first-child{
                  text-indent: 40px;
              }
              • Partager sur Facebook
              • Partager sur Twitter

              Problème avec text-indent

              × 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