Index.php
<body>
<div id="block-body">
<?php
include("include/block-header.php");
?>
<div id="block-right">
<?php
include("include/block-category.php");
include("include/block-parameter.php");
include("include/block-news.php");
?>
</div>
Style.css
#block-body{
width: 1035px;
height: auto;
margin: 0 auto;
}
#block-header{
width: 1035px;
height: 220px;
}
#block-right{
width: 220px;
height: auto;
float: right;
}
#block-content{
width: 800px;
height: auto;
}
Reset.css
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
Как поставить на сайт фон с картинкой?
Очень легко:
body { backrgound-image: url('Ваша ссылка'); }
Также надо поиграть с backround- position, repeat и т.п. для лучшего эффекта.
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники