Как задать отступ снизу для "Хлебных крошек" и заголовка страницы?

голоса: +3
<?if($URI_ID$="page11")?><style type="text/css">#content {background:#FFF;height:600px}</style><?endif?>
<div class="breadcrumb"><a href="$HOME_PAGE_LINK$">Главная</a> &#187 <a href="http://malinatomsk.ucoz.ru/index/fakultety/0-11">Факультеты</a></div>
<div class="eTitle1"><h2> Факультеты &#187 </h2></div>
Делаю так:
.eTitle1 {background: linear-gradient(to right, #d2a84d, #debf7c);color:#fff;padding:10px 20px 0 20px;}
.breadcrumb {margin: 20px 20px 0 10px}
но почему-то меняется только отступ слева и сверху. снизу отступа не появляется. помогите пожалуйста разобраться, в чем проблема. 
 
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +4
 
Лучший ответ

Для хлебных крошек в таблице стилей заменить:

.breadcrumb {margin: 20px 20px 0 10px}

На:

.breadcrumb {padding: 10px;}

Аналогично и для титла вместо маргина задать паддинг:

.eTitle1 {background: linear-gradient(to right, #d2a84d, #debf7c);color:#fff;padding: 10px;}
 
Вот и все! Проблема решена.
 
| Автор:
Выбор ответа лучшим | | Автор: Maria
/Вот и все! Проблема решена/
я слева хочу сделать к примеру 20px, а снизу 10px. как это сделать? почему только одно значение со всех сторон устанавливается?...
/Аналогично и для титла вместо маргина задать паддинг/
там было padding
прочтите материал - http://htmlbook.ru/css/padding и задайте доп параметры
Я это все читала. Почему-то я запомнила, что второе значение это нижнее, а третье - правое. Теперь понятно, почему там ничего не меняется, я ж там все время 0 ставлю)))))))
Спасибо!)
...