On m’a donné un solution, mais je n’arrive pas à l’ interprété en xhtml et css:
-une div de 10px de haut avec la bordure1 en repeat-x
-deux div imbriquées : l’une avec la bordure2 positionnée à gauche en repeat-y, l’autre idem mais avec la bordure positionnée à droite.
-une div de 10px de haut avec la bordure1 en repeat-x
Ma page web sera fixe c’est à dire 760px de large, et oui par contre sa sera extensible en hauteur.
Sinon je suis en xhtml 1.0 et CSS.
Merci , d’avance c’est urgent, je suis bloqué à ce stade,.
Edité le 01/08/2008 à 20:36
Tu fais un premier div de 770px de large, auquel tu donnes comme fond ton motif de bordure
A l’intérieur, tu crées ton 2e Div, de 760px de large, avec marges haute et gauche de 10px.
En lui donnant un fond non transparent, il ne va laisser subsister le motif que sur les bords comme tu le souhaites.
Je fais confiance à gcc pour te répondre, et sa solution paraît la meilleur dans le sens où elle est la plus simple à mettre en oeuvre, d’autant plus qu’elle est extensible en x et y. L’autre solution, celle qui t’a été proposé n’est seulement extensible qu’en hauteur, et de plus se comporte de plusieurs divisions qui compliquent la lisibilité du code source.
On préfèrera aisément la première technique à la seconde :
Solution 1 :
<div>
<!-- Contient le fond2 -->
<div>
<!-- Contient le fond1 -->
</div>
</div>
Solution 2 :
<div>
<!-- Contient le fond1 -->
</div>
<div>
<!-- Contient le fond2 -->
</div>
<div>
<!-- Contient le fond1 -->
</div>