Se connecter avec
S'enregistrer | Connectez-vous

Bordure Image xhtml,CSS..

Dernière réponse : dans Programmation

salut, :hello: 

j'ai un problème avec css, je n'arrive pas à mettre une 2 bordures(image) différente, qui se répète tant horizontalement (haut et bas) que verticalement (droite et gauche):

Voila un bout de mon css:


  1. .corps
  2. {
  3. margin-bottom: 20px;
  4. margin-top: 50px;
  5. padding: 5px;
  6. background-image: url("../image/bordure2.png");
  7. background-repeat: repeat-x;
  8. }


La bordure se repette verticalement, mais je souhaiterai, que:

-D'une part: Que la bordure 1 se répète horizontalement (Haut et Bas)
-D'autre part: Que la bordure 2 se répète verticalement (droite et gauche)
Sachant que la bordure 1 et 2 sont différente.

Je souhaiterai, le corp site du site un peu comme celle ci:



Merci de votre aide,

Autres pages sur : bordure image xhtml css

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,

Si tu veux le faire avec une seule div, il faut que tu te fasses un truc du genre :
  1. <div class="corps">
  2. <p class="corps_header">ici tu mets ta bordure du haut en background-image</p>
  3. <div class="corps_content"> ici tu mets ta bordure de gauche et droite avec un background-image qui se repète sur y</div>
  4. <p class="corps_footer">ici tu mets ta bordure du bas avec ton background-image</p>
  5. </div>
Lassé par la pub ? Créez un compte
Tom's guide dans le monde