Partage
  • Partager sur Facebook
  • Partager sur Twitter

besoin d'aide pour marge,bordure

    5 février 2006 à 0:15:02

    bonjour, je suis un debutant, et j'essaie de me faire un site. J'arrive assez bien mais la je veux faire encadrer quelque chose et j'ai vraiment de la peine...
    il y a trop de facteur je comprend plus rien, (margin, padding, width...)
    ce que je veux faire c'est sa

    http://img373.imageshack.us/my.php?image=border1hi.jpg

    mon script jusqua la...
    <p style="/ background-color:blue;text-align:center;border-left: 6px solid black; border-bottom: 6px solid black; border-right: 6px solid black; border-top: 6px solid black; padding:20px; margin:200px;/">



    hrhgrhrhbztbtrbztrzbztbrbzbbbtrbtrbtrbrtbrtbrtbrtbrbtrbztbrtbzrbzrbrtb


    </p>


    alors je voulai savoir si quelqun pourai reparer mon script pour que sa fasse comme sur le dessin, merci infiniment d'avance pour vos reponse
    • Partager sur Facebook
    • Partager sur Twitter
      5 février 2006 à 1:07:08

      <p>
      mon texte
      fsdfsqfsqfsqfs
      </p>


      p
      {
      padding : 10px; /* Ne l'oublie jamais : codeur = gros fainéant */
      padding-right : 5px;
      padding-left : 5px;
      margin : auto; /* J'imagine que tu veux le centrer */
      border : 6px solid black;
      }


      Je crois que ça devrait marcher ;)
      • Partager sur Facebook
      • Partager sur Twitter
        5 février 2006 à 1:16:27

        merci pour ta reponse, mais je suis pas sur d'avoir bien compris parce que sa a pas l'air de bien marcher...
        alors sa donne sa

        <p style="/border: 6px solid black;margin:auto; padding-right:5px; padding-left:5px;padding:10px; /">


        hrhgrhrhbztbtrbztrzbztbrbzbbbtrbtrbtrbrtbrtbrtbrtbrbtrbztbrtbzrbzrbrtb


        </p>

        et pis quand je l'essaie la bordure va jusque au bord gauche et droite au lieu de s'arreter a 5px du contenu...
        • Partager sur Facebook
        • Partager sur Twitter
          5 février 2006 à 1:20:23

          C'est normal parce que il prend en compte la dernière propriété (en l'occurence le padding : 10px;
          Il faut la mettre au début comme sur mon exemple ;) (avant padding-right : 5px; et padding-left : 5px;)

          Je te conseille de relire cette partie du cours ;)
          • Partager sur Facebook
          • Partager sur Twitter
            5 février 2006 à 1:41:51

            Par défaut un élément de type block (c'est le cas de p) va prendre toute la largeur de son conteneur. Donc si tu lui donne la propriété width avec une valeur quelconque tu devrais rapidement nager dans un boheur complet :lol:
            • Partager sur Facebook
            • Partager sur Twitter
              5 février 2006 à 14:31:26

              sa m'enerve sa a pas l'air de marcher avec padding...
              j'ai essayé l'autre technique la


              <p style="/text-align:center;width:50px;margin:auto; border: 6px solid black;   /">


              hrhgrhrhbztbtrbztrzbztbrbzbbbtrbtrbtrbrtbrtbrtbrtbrbtrbztbrtbzrbzrbrtb


              </p>


              mais sa marche ossi pas, le cadre reste coller au coté gauche malgré le text-align:center; :colere:
              quelqun arriverai pas a me dire qu'est ce qui est faux?
              merci d'avance
              • Partager sur Facebook
              • Partager sur Twitter
                5 février 2006 à 15:28:20

                Le text-align: center; ne crée pas de marge interieure. Il centre seulement le texte.
                Copie exactement le code que j'ai mis et ça devrait marcher ;) .

                A la rigueur, tu peux changer et mettre ça (une ligne en plus mais au moins t'es tranquil) :

                <p>
                mon texte
                fsdfsqfsqfsqfs
                </p>


                p
                {
                padding-top : 10px;
                padding-botttom : 10px;
                padding-right : 5px;
                padding-left : 5px;
                margin : auto; /* J'imagine que tu veux le centrer */
                border : 6px solid black;
                }
                • Partager sur Facebook
                • Partager sur Twitter

                besoin d'aide pour marge,bordure

                × 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