login
administrateur
login
Le 19 juin 2013 à 10 h 03 min   
David LAURENT

HTML
<body>

  		<div id="zone">	
      		<div id="image">
        		<div class="ombrage"></div>
        			<div class="slides"></div>
      		</div>
  		</div>

</body>
CSS
#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;
}

Zip

Aucun commentaire »

  1. No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

Vous devez vous connecter pour publier un commentaire.

Propulsé par WordPress   |   Personnalisé par Webinnov
Haut de page