HTML
- 2 ответа
- 0 вопросов
2
Вклад в тег
.header_txt__block {
width: 634px;
float: left;
text-align: left;
}
.icebeaker_main_block {
background: rgba(51, 51, 51, 0.30);
float: right;
}<div class="wrapper">
<div class="header_txt__block">...</div>
<div class="icebeaker_main_block">...</div>
</div>.wrapper {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
}
.header_txt__block {
width: 634px;
text-align: left;
}
.icebeaker_main_block {
background: rgba(51, 51, 51, 0.30);
}<div class="wrapper">
<div class="header_txt__block">...</div>
<div class="icebeaker_main_block">...</div>
</div>.wrapper {
display: grid;
grid-template-areas: "left_block right_block";
}
.header_txt__block {
width: 634px;
text-align: left;
grid-area: left_block;
}
.icebeaker_main_block {
background: rgba(51, 51, 51, 0.30);
grid-area: right_block;
}//template.php
<!DOCTYPE html>
<html lang="ru">
<?php
include_once 'header.php';
?>
<body>
<?php
include_once 'content.php';
include_once 'footer.php';
?>
</body>
</html>//index.php
$data = [
'title' => 'Главная страница',
'content' => 'Содержимое главной страницы',
];
include_once 'template.php';//header.php
<head>
<title><?=$data['title']?></title>
</head>//content.php
<div>
<p><?=$data['content']?></p>
</div>//footer.php
<footer>
<p>Подвал сайта</p>
</footer><div class="menu">
<div class="item close">Пункт 1</div>
<div class="item close">Пункт 2</div>
<div class="item close">Пункт 3</div>
</div>$(document).ready(function () {
$(".menu .item").on("click", function() {
$(".menu .item").addClass("close");
$(this).removeClass("close");
});
});