Перейти к содержанию
alexxxus

Как переставить DIV-блоки по вертикали?

Рекомендуемые сообщения

Добрый день.

Есть 2 div блока, идущие в верстке друг за другом и визуально расположены один над другим

<div>первый блок</div>
<div>второй блок</div>

Как добиться эффекта, чтобы не меняя порядок верстки, визуально эти блоки показывались наоборот

<div>второй блок</div>
<div>первый блок</div>

В случае замены правого блока на левый все просто - указываем очередность float:left и float:right.

А вот как сделать такое по вертикали? Пока идея крутится вокруг указания разных z-index,

с корректировкой визуального расположения блоков через margin/pedding, но может быть это делается проще?

Спасибо.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

jquery.before|after вам в помощь

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо (плюсик поставил).

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

какой z-index? Он порядок слоев указывает. Это немного "не то".

Решение от afwollis , как обычно, умиляет своей простотой. Особенно для человека, который два дива в шаблоне местами хочет поменять. =)

я-б css ковырнул на предмет расположения блоков. position:relative; и вперед.

С уважением.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

какой z-index? Он порядок слоев указывает. Это немного "не то".

Решение от afwollis , как обычно, умиляет своей простотой. Особенно для человека, который два дива в шаблоне местами хочет поменять. =)

я-б css ковырнул на предмет расположения блоков. position:relative; и вперед.

С уважением.

Спасибо. Вот если бы еще примерчик реализации... Т.к не силен в CSS, сходу не разобрался :blink:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.