18041 sujets

Questions générales et questions de débutants

Commment mettre une bordure sur un site?[résolu]

Bonjour à tous!

Encore un petit souci.... Alors, voila, j'ai fait une maquette graphique ou le contenu et le background est séparé par une ligne d'ombre (pour faire un effet de relief).

J'ai découpé toute ma maquette, dont les deux bandes d'ombre (gauche et droite). Le seul problème c'est que je n'arrive pas à les positionner... Smiley murf

Voila, j'ai pensé à les insérer dans la page html avec deux div différentes (droite et gauche) mais ensuite, impossible de les mettre correctement sur toute la page, ca reste en dessus du header et ca bouge pas...

J'ai aussi essayé de mettre des div vides pour mettre les images en background, mettre les images dans le body...essais infructueux.

Du coup, je sèche un peu Smiley rolleyes

Si vous pouviez m'aider ça serait très aimable de votre part.

Merci.
Modifié par domie81 (24 Nov 2009 - 13:36)
finalement j'ai fait ça :
code html :

<body>
<div id="body">

<!-- Contient l'ensemble de la page -->
<div id="cadre1">
<p>
<img src="images/background_bord_left.jpg" alt="bordure gauche" align="left" title="bordure gauche" />
</p>

<div id="cadre2">
<p><img src="images/background_bord_right.jpg" alt="bordure droite" align="right" title="bordure droite" /></p>


et dans le css :

body { background:#fff url(images/background_repeat.jpg); font:12px/1.5 Arial, Helvetica, sans-serif; color:#000; text-align:center; }
#cadre1 {position: left;
}
#cadre2 {position: right;}

mais ce n'est pas encore tout à fat ça... puisque ça met les images sur chaque coté de la page, or je voudrais que ces bordures soient collées de part et d'autres de mon contenu (donc contre ce le header, menu, texte et footer)...
hummmm...je crois que position ne marche pas avec IE7, et ça, c'est problématique...

une solution pour ça aussi?

merci beaucoup d'avance de m'aider.
Bonjour,

Merci d'utiliser le bouton "Code" (ou les bbcodes [ code] [ /code] sans espaces) pour mettre en forme tes portions de code.


Étant donné que je ne comprend pas tout à fait ce que tu cherche ) faire, je te conseillerais de poster une image de la maquette en question.

Sinon pour éclaircir le problème. Le cadre qui doit avoir les deux bordures a t'il une largeur fixe oui fluide ?

Pour ce qui est de ton code, les images étant purement décoratives et sans ajout de contenu, si tu les mets dans le HTML, il faut laisser le alt vide (alt=""). De plus le title est totalement inutile sur les images.
domie81 a écrit :
hummmm...je crois que position ne marche pas avec IE7, et ça, c'est problématique...
En même temps, position:left (ou right) n'existe pas... Les valeurs posibles de position sont : absolute, relative, fixed, inherit ou static.

L'attribut CSS qui accepte les valeurs left et right c'est float.
les bordures ont une largeur fixe.

Ensuite, ce sont des bordures qui ressemblent aux bordures du site Alsa, un peu d'ombre sur les cotés de la page qui entoure le contenu...

Sinon merci pour les conseils. Smiley smile
Je parle pas des bordures, mais de ce qu'elles entourent.

Si ce qu'elles entourent à une largeur fixe, tu fait une seule image avec les deux bordures et l'espace nécessaire au milieu. Tu mets ensuite cette image en fond du div concerné, et hop !
oh oui, j'y avais pas du tout pensé!!!

merci beaucoup, je pense que ça va être bien plus simple maintenant! Smiley biggrin
Sujet clos
Aller à