понедельник, 28 ноября 2011 г.

HTML CSS

body{
background-color:#ececec;
}
#main{
width:885px;
min-height:890px;
margin:auto;
overflow:hidden;
/*border:1px solid #c0c0c0;*/
}

#head{
height:100px;
width:885px;
background-color:blue; /*#eaeaea;*/
/*border:1px solid #bfbfbf;*/
}
#head a{
text-decoration:none;
}
#head h2{
font-family:Verdana;
font-size:24px;
text-align:left;
text-shadow:#313f6c 2px 1px 1px;
line-height:100px;
margin:0;
margin-left:20px;
color:#e5e6e8; 
}
#menu{
height:34px;
background-color:#4d4d4d;
margin-left:1%;
margin-right:1%;
border:1px solid #000;
margin-bottom:10px;
}
#menu a{
display:block;
float:left;
height:34px;
line-height:34px;
padding-left:25px;
padding-right:25px;
color:#e0e0e0;
text-decoration:none;
font-family:Verdana;
font-size:12px;
font-weight:bold;
border-right:1px solid #404040;
}
#menu a:hover{
background-color:#868686;
border-right:1px solid #5b5b5b;
color:#fff;
}
#menu a[data-pos="first"]{
background-color:#4d0000;
}
#menu a[data-pos="first"]:hover{
background-color:#860000;
}
#box-center{
margin:auto;
padding:5px;
background: #fff;
border: 1px solid #e2e2e2;
color: #666;
border: #cccccc;
}
#box-center-foto{
margin:auto;
}
#box-center-foot{
margin:auto;
height:25px;
padding:0;
}
#box-center-foot h2{
font-size:18px;
text-align:center;
line-height:20px;
margin:0;
padding:3px;
}
#box-bottom{
margin:auto;
margin-top:5px;
height:182px;
background: green;
}
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mickael Denie</title>
<link rel="stylesheet" href="stils.css" type="text/css">
</head>
<body>
<div id="main">
<div id="head">
<a href="#"><h2>AMPERA</h2></a>
<!--<nav id="menu">
<a href="#" data-pos="first">Sakums</a>
<a href="#" data-pos="sec">Tehniskie dati</a>
<a href="#" data-pos="tre">Testa brauciens</a>
<a href="#" data-pos="tre">Nopirkt</a>
</nav>-->
</div>
<div id="box-center">
<div id="box-center-foto">
<img src="/874X344.jpg">
</div>
<div id="box-center-foot">
<h2>Opel/Vauxhall Ampera</h2>
</div>
</div>
<div id="box-bottom">
<div id="box-bottom-left">
</div>
<div id="box-bottom-right">
</div>
<div id="box-bottom-center">
</div>
</div>
</div>
</body>
</html>

Комментариев нет:

Отправить комментарий