Сделал, но возможно не подойдёт (если нужна табличная вёрстка). И ещё это не лучшее решение, но на это закроем глаза :)
<!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{
margin-top: 8px;
height: 32px;
width: 13.7%;
display: inline-block;
.menu{
margin-right: 2%;
height: 420px;
width: 10%;
.main{
width: 77.5%;
</style>
<body>
<div class="top"></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>
Должно выйти так:
Copyright © 2024 SCHOLAR.TIPS - All rights reserved.
Answers & Comments
Сделал, но возможно не подойдёт (если нужна табличная вёрстка). И ещё это не лучшее решение, но на это закроем глаза :)
<!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>
Должно выйти так: