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

Не срабатывают стили. Подскажите что не так?


     01.08.2017    banner, content, css    Общие вопросы по вёрстке, Стили (CSS), Ламерские вопросы    1043

вопрос
Сделал header, всё было более-менее хорошо, но потом когда вставил блоки banner и content, то появилась проблема, для них не срабатывают стили (банальные margin и background-color). Подскажите, что я не правильно делаю?

Вот кусок html

<!-- Баннеры -->
		<div class="container banners">
			<div class="row">
				<div class="col-sm-12">
					{banner_header}
				</div>
			</div>
		</div>

		<!-- Контентная часть -->
		<div class="container main">
			<div class="row">
				<!-- Контент -->
				<div class="col-sm-8">
					{info}

					<div class="block-name">
						Последние новости
					</div>

					{content}
				</div>

				<!-- Сайдбар -->
				<div class="col-sm-4">2</div>
			</div>
		</div>


А вот css. который не срабатывает

/*============================================ 
					Баннер	
============================================*/
div.banners {
	margin-top: 60px;
	margin-bottom: 60px;
}



/*============================================ 
				Контентная часть	
============================================*/
div.main {
	margin-top: 60px;
	margin-bottom: 60px;
}

div.block-name {
	background: #242a30;
}


Стили подключены

<!-- Custom CSS -->
<link rel="stylesheet" href="{THEME}/css/styles.css">

Ответа пока нет


2 комментария

CaseyHR
Юзер

CaseyHR - 2 августа 2017 14:54 -

Так у тебя в html класс один написан, а в css другой.
Если в html будет что-то типа
<div class="banners">

то в css должно быть
.banners {
	margin-top: 60px;
	margin-bottom: 60px;
}

CaseyHR
Юзер

CaseyHR - 2 августа 2017 14:57 -

дубль сработал, сорян

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх