Créé par David LAURENT | TMI | Webinnov™
HTML
|
1 2 3 4 5 6 7 8 9 10 |
<body> <div id="zone"> <div id="image"> <div class="ombrage"></div> <div class="slides"></div> </div> </div> </body> |
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
#zone { width:960px; height:291px; position:relative; margin:0 auto; } #image { width:522px; position:absolute; background-color: #fff; top:23px; right:365px; margin: 0px auto 15px; display: block; padding: 6px 6px 6px; border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background: none repeat scroll 0% 0% rgb(255, 255, 255); } #image .slides { width:522px; height:312px; box-shadow: 15px 15px 20px -20px rgb(0, 0, 0) inset; background-image: url(../slide/01.jpg); background-color: #fff; } #image .ombrage { position:absolute; bottom:-32px; left:0px; right:0; background:url(../images/shadow.png) no-repeat; width:563px; height:64px; z-index:-25; } |
Aucun commentaire