Смещение блоков относительно друг друга

голоса: +2
Сделала на странице 4 блока. Два нижних я хочу немного вправо сместить. Задаю в ксс свойство background-position, но блоки не смещаются.
    И еще вопрос: нужно ли прописывать в строке свойство display:block
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Sentimo

Ответов: 2

голоса: +2
 
Лучший ответ
.block3, .block4 {
left: 100px;
position: relative;
}
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо, теперь все в порядке. Подскажите пожалуйста, почему панель редактирования между блоками попадает? Как ее вниз  сместить?
Покажите код созданной страницы.
<header1>
<h2>Факультеты</h2>
</header1>

<div class="block1">ФВС</div>

<div class="block2">РТФ</div>

<div class="block3">ФИТ</div>

<div class="block4">ЗиВФ</div>
<header1>
 <h2>Факультеты</h2>
 </header1>
Что это за новые тэги? Оберните в див.
вы имеете ввиду вот это <header1>? ))) уже исправляю)
<html>

 <div class="header1"><h2>Факультеты</h2> </div>
<body>
 <div class="block1">ФВС</div>

<div class="block2">РТФ</div>

<div class="block3">ФИТ</div>

<div class="block4">ЗиВФ</div>
 </body>
</html>

Сделала вот так, уж не знаю правильно ли..)
Нет, не правильно, глобальная разметка здесь не нужна. Сделайте просто так...

<div class="header1"><h2>Факультеты</h2> </div>

  <div class="block1">ФВС</div>

 <div class="block2">РТФ</div>

 <div class="block3">ФИТ</div>

 <div class="block4">ЗиВФ</div>
/глобальная разметка здесь не нужна./
вот я и сомневалась, надо ли это. я делала по примеру из самоучителя,  там это использовалось.

сейчас переделала, но панель редактирования все равно не там где надо.

и еще одна проблема - когда я захожу на сайт я вижу эту страницу белой .а в режиме "гость" она имеет заливку частично. сверху белая, где заголовок, а потом заливка такая же как на главной странице.
Голоса: +1

И еще вопрос: нужно ли прописывать в строке свойство display:block

Не обязательно.

Но если хотите чтоб он выполнял это

Элемент показывается как блочный. Применение этого значения для встроенных элементов, например тега <span>, заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого.

То нужно ставить.

| Автор:
...