CSS/HTML bordure ombrée sur un site
jeff
-
benvii Messages postés 311 Statut Membre -
benvii Messages postés 311 Statut Membre -
Bonjour,
J'ai fais quelque recherche pour savoir comment faire pour avoir les bordures de gauche et droite ombrée comme sur CCM par exemple, j'ai donc trouvé qu'il faut utiliser une image pour cela une image.
Mais je ne sais pas comment faire dans le code html/css et s'il faut créer l'ombre soi-même ou si on peut en trouver sur le net.
Merci d'avance pour l'aide.
J'ai fais quelque recherche pour savoir comment faire pour avoir les bordures de gauche et droite ombrée comme sur CCM par exemple, j'ai donc trouvé qu'il faut utiliser une image pour cela une image.
Mais je ne sais pas comment faire dans le code html/css et s'il faut créer l'ombre soi-même ou si on peut en trouver sur le net.
Merci d'avance pour l'aide.
A voir également:
- CSS/HTML bordure ombrée sur un site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
8 réponses
Salut,
Voici ce qui nous intéresse de la source de ccm .
Dans la feuille de style :
Dans body :
Voilà je pense que cela t'intéresse.
Voici ce qui nous intéresse de la source de ccm .
Dans la feuille de style :
#global {
background:#8A8A8A url(http://www.commentcamarche.net/img/sprite_ccm_hrzt.png) repeat-y ;}
Dans body :
<div id="global">Le contenu</div>
Voilà je pense que cela t'intéresse.
Merci benvii donc il y a une image dans qui sert d'ombre pour la "div id=global" si j'ai compris.
Mais combien dois faire la taille de cette image pour qu'elle apparaisse sur les bordures droite et gauche, je comprends pas tres bien le principe.
Mais combien dois faire la taille de cette image pour qu'elle apparaisse sur les bordures droite et gauche, je comprends pas tres bien le principe.
En fait pour être plus clair je voudrais avoir les bordures gauche et droite de mon site comme celles du site "comment ca marche".
Une idée svp merci
Une idée svp merci
En fait l'image est répétée en y. Le fond blanc que tu vois il fait partie de l'image car elle va d'une extrémité à l'autre de la zone (ou boîte) global. La hauteur de l'image peut être de 1px cela ne change rien car elle est répétée le maximum de fois pour recouvrir toute la hauteur de global.
En ce qui concerne la largeur de l'image elle est le même que celle de la boîte css.
Pardon pour l'explication mais, je ne vois pas trop comment expliquer ça.
En ce qui concerne la largeur de l'image elle est le même que celle de la boîte css.
Pardon pour l'explication mais, je ne vois pas trop comment expliquer ça.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonsoir,
Si ceci vous interresse vous pouvez faire une ombre sans image seulement en utilisant 2 block DIV superposés (z-index) l'un sur l'autre en décalant le DIV superieur tout en donnant au DIV inferieur un fond noir
Si ceci vous interresse vous pouvez faire une ombre sans image seulement en utilisant 2 block DIV superposés (z-index) l'un sur l'autre en décalant le DIV superieur tout en donnant au DIV inferieur un fond noir
Si tu veux tu peux regarder ceci : http://gcyrillus.free.fr/trucs_css/ombre-en-css-sans-images.html
Ou bien ceci un peu plus compliqué : http://www.webtoolkit.info/css-drop-shadow.html
Ou bien ceci un peu plus compliqué : http://www.webtoolkit.info/css-drop-shadow.html