Тема: Організація багатофайлового сайту
В мене є
header.php
index.php
footer.php
style.css
Я хочу вивести на екран (як результат) горизонтальну смугу, вміст і знову горизонтальну смугу. В якості смуги я використовую зображення, і за допомогою CSS стилів це все розміщую
CSS
.flex-container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.flex-item {
margin: 0px;
}
Я не став скидати весь код, там в мене з'єднання з БД, повно HTML елементів і т.д., просто для прикладу написав як в загальному це виглядає
HTML
<div class="flex-container">
<div class="flex-item" style="background-image:url(<?=$image?>);background-repeat: repeat-y;width:20px;"></div><!-- HEADER.PHP -->
<div class="flex-item">Вміст...</div><!-- INDEX.PHP -->
<div class="flex-item" style="background-image:url(<?=$image?>);background-repeat: repeat-y;width:20px;"></div><!-- FOOTER.PHP -->
</div>
$image - це шлях до картинки, статично шлях задати не можливо - шлях завантажується з БД.
Проблеми такі
1) Мені потрібно два рази, для двох файлів, заходити в БД, спочатку header, а потім footer, тому що footer, звичайно, не бачить змінну яка знаходиться у header (змінну $image)
2) Було б набагато ліпше закинути стилі в файл для стилів, а в div просто додати клас, але в CSS не буде виконуватися PHP код, як передати в CSS файл шлях до зображення, який може динамічно змінитися.
Допоможіть вирішити ці проблеми.