[Résolu] Masquer un shadow haut et bas

bonjour


j'essaye d'obtenir le résultat suivant -http://www.medina-souvenirs.com avec un shadow qui couvre l'ensemble du corps du site

je n'ai trouver que l'unique solution d'appliquer une propriété css box-shadow
au quatre bloc ou div qui constitue ce corps

#rt-menu .rt-container,#rt-main .rt-container,#rt-header .rt-container,#rt-footer .rt-container {
background-color: #FFFFFF;
box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.7);}

malheureusement une ligne apparait entre les blocs
-http://www.deco-orientale.com

comment supprimé cette ligne

je travaille avec gantry framework et à première vu il n'existe pas de div couvrant le corps
du site

salutation
philippe

merci à Florent Verschelde pour sa formation sur le css




best regard
philippe
Modifié par Laurie-Anne (12 Jul 2012 - 11:25)

Pour masquer en partie ces ombres, tu peut mettre une couleur de fond et et ajouter une bordure de même couleur.
Par exemple :

.rt-menubar 
{
z-index:1;
position:relative;
background:white;
box-shadow:0 -10px 0 white;
}

++

Hello,

Pour donner l'impression d'avoir un conteneur unique, ce serait quand même plus simple avec... un conteneur unique (l'élément BODY directement, ou un DIV), et d'appliquer alors un seul box-shadow.

ca ne marche pas à première; ca m'oblige a placer une div pour masquer le shadow horizontal

slt
philppe

effectivement

mais c'est une des limites de cette propriété shadow, mais faut pas se plaindre
css3 c'est génial

oui merci j'ai une div englobante mes 4 div

gantry couplé au Css3 c'est vraiment top


je recommande la formation de lynda.com CSS Fundamentals with James Williamson