Contact form with google map part4

CSS,Position,Float

هنبدء نشتغل على السي اس اس و نتحكم في المتصفح غير تحديد الاماكن للموقع و عمل بدايه و شكل الموقع من الاعلى


*{
margin:0;
padding:0;
}

body{
background:url(images/bg.gif);
font-family:verdana;
font-size:14px;
line-height:21px;
color:#e1e1e1;
}

#container{
width:1015px;
margin:50px auto;
position:relative;
}

#arrwo-up{
width:1015px;
height:170px;
background:url(images/arrow-up.png) no-repeat;
position:absolute;
top:20px;
}

#wrapper{
width:960px;
background:#383838;
margin-left:25px;
padding-top:150px;
}

#contact{
width:400px;
float:left;
margin-bottom:70px;
padding-bottom:70px;
}

#contact h1{
color:#fff;
font-size:45px;
padding:35px 0 35px 20px;
font-weight:normal;
letter-spacing:1.5px;
}

#contact-form{
margin:40px 20px 0 20px;
font-size:14px;
width:350px;
float:left;
}

  • PSD TO HTML&CSS
  • html-css تصميم موقع كامل