Bordures sur template

Bonsoir,

Je viens pour demander votre aide je bloque sur un point.

pouvez vous me dire comment je peux ajouter une image en bordure de mon template comme sur le template du form (voir image)
http://www.pixyup.com/uploads/192242294d6039456088f.png

Merci de votre aide

Il s'agit d'une image de fond placée sur un div et qui est répétée en hauteur. Tu pourrais faire la même chose en plaçant l'image sur l'élément body.

http://www.alsacreations.com/css/img/page-bg-full.png

#page.full {
    background: url("img/page-bg-full.png") repeat-y scroll center top transparent;
}

Bonjour,

Merci jb_gfx pour ta réponse j'ai fait ce que tu ma dis mais j'ai pas pu avoir un bon résultat en fait j'aimerai avoir un résultat comme sur ce site : http://www.rosactive.fr

Merci
Modifié par Felipe (20 Feb 2011 - 14:09)

Bonjour et bienvenue,

malone54000 a écrit :
mais j'ai pas pu avoir un bon résultat

c'est-à-dire ? L'idéal serait un lien vers votre page de test en ligne, qu'on puisse la consulter.

Première chose à faire : installer Firebug sur Firefox et Inspecter les exemples que vous donnez. Ça demande un peu d'habitude mais c'est très utile : c'est la version moderne du démontage de réveil "pour voir comment ça fonctionne" (et il n'y a pas besoin de remontage : un F5 ou Ctrl-F5 suffit même après les pires bêtises )

Le principe de ce que jb_gfx a écrit, c'est que le div qui est centré avec une largeur fixée (*) est plus large que ce qu'on croit voir, plus large que la partie blanche : il est large comme la partie blanche PLUS les ombrages gauche et droite. Et son image de fond est l'ombrage (à la fois les parties gauche et droite).

(*) http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html