Tom's Guide > Forum > Programmation > Bordure Image xhtml,CSS..

Bordure Image xhtml,CSS..

Forum Programmation : Bordure Image xhtml,CSS..

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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:

 


Code :
  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:
http://www.reptox.csst.qc.ca/Documents/Simdut/Bordure/Images/bordure.gif

 


Merci de votre aide,


Message édité par universal94 le 01-08-2008 à 17:17:24
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
- 0 +

Salut,

Si tu veux le faire avec une seule div, il faut que tu te fasses un truc du genre :

Code :
  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>

Répondre à OmaR
Tom's Guide > Forum > Programmation > Bordure Image xhtml,CSS..
Aller à :

Il y a 292 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens