Створити сайт за схемою:
![](https://st.uroker.com/files/b19/b1959141e552e3638fba4f7e552301f7.jpg)
Ответы
Сделал, но возможно не подойдёт (если нужна табличная вёрстка). И ещё это не лучшее решение, но на это закроем глаза :)
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Сайт за схемой</title>
</head>
<style>
body{
background-color: rgb(191, 240, 255);
}
div{
border-radius: 5px;
}
.top{
background-color: blue;
margin-left: 5%;
margin-right: 5%;
height: 70px;
width: 90%;
}
.mini-menu{
background-color: blue;
margin-top: 8px;
margin-left: 5%;
height: 32px;
width: 13.7%;
display: inline-block;
}
.menu{
background-color: blue;
margin-top: 8px;
margin-left: 5%;
margin-right: 2%;
height: 420px;
width: 10%;
display: inline-block;
}
.main{
background-color: blue;
margin-top: 8px;
height: 420px;
width: 77.5%;
display: inline-block;
}
</style>
<body>
<div class="top"></div>
<div class="mini-menu"></div>
<div class="mini-menu"></div>
<div class="mini-menu"></div>
<div class="mini-menu"></div>
<div class="mini-menu"></div>
<div class="menu"></div>
<div class="main"></div>
<div class="top" style="height: 50px; margin-top: 1%;"></div>
</body>
</html>
Должно выйти так:
![](https://st.uroker.com/files/295/2959c21269b2706baddd913c90d4e854.png)