butik

Расположение блоков, с помощью html и css

8 сообщений в этой теме

Здравствуйте.

Подскажите пожалуйста как можно расположить div блок справо от превью новостей?

Пример изобразил на картинке.

BMJeduP.png

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


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

float: right; разве не срабатывает? 

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


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

DIV тогда наползает либо наверх либо под. Предполагаю изза того что он находится вне списка, тоесть не внутри ul

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


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

Спасибо. Очень похоже на нужный результат. Пробую в шаблоне теперь добавить.

Была задумка еще попробовать с помощью библиотеки masonry.desandro.com

Изменено пользователем butik

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


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

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там.
Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

Изменено пользователем Даниил Виттманн

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


Ссылка на сообщение
Поделиться на других сайтах
В 15.05.2017 в 13:00, Даниил Виттманн сказал:

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там.
Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

Согласен. Grid'ы отлично подойдут. Да и не особо сложно.

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


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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас