Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как правильно вставить картинку между шапкой сайта и основным контентом?

Как правильно вставить картинку между шапкой сайта и основным контентом?


     19.01.2019    картинка, вёрстка    Общие вопросы, Стили (CSS), Ламерские вопросы    1107

вопрос
Подскажите как правильно вставить картинку между шапкой сайта и основным контентом?Я в этом деле не силён поэтому прошу помощи.В main.tpl код такой

<div class="navbar-collapse collapse">
						<ul class="navbar-nav">
							<li class="active"><a href="/" >Главная</a></li>
							<li><a href="/" >Форум</a></li>
							<li><a href="/" >Новости</a></li>
							<li><a href="/kontakty.html" >Контакты</a></li>
							<li><a href="/kak-zakazat.html" >Как заказать товар</a></li>
						</ul>
					</div>
                    <div class="counters-box">
							<img src="{theme}/images/priroda.jpg"class="background1" alt="#" />
				</div>
			</div>
		</div>


в css такой

.background1{position: static;right:100px;top:100px;display:inline-block;vertical-align:middle;height:500px;width:1200px;max-width:100%}

Получается то что на скрине тоесть картинка перекрывает контент
Как правильно вставить картинку между шапкой сайта и основным контентом?



Ответил: putnik


криво код до этого вставил,вот тут ровнее

<div class="navbar-collapse collapse">
	<ul class="navbar-nav">
	<li class="active"><a href="/" >Главная</a></li>
	<li><a href="/" >Форум</a></li>
	<li><a href="/" >Новости</a></li>
	<li><a href="/kontakty.html" >Контакты</a></li>
	<li><a href="/kak-zakazat.html" >Как заказать товар</a></li>
		</ul>
		</div>
                 <div class="counters-box">
		<img src="{theme}/images/priroda.jpg"class="background1" alt="#" />
		</div>
		</div>
		</div>
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх