Расположить блоки змейкой
6863 сообщения
#11 лет назад

Заказчик хочет вот такую красоту

Гугл меня не понял.
Вопрос касается только взаимного расположения блоков - лесенкой туда и обратно. В общем-то, нет особой проблемы сделать это "через хитро закрученную задницу", если повозиться. Но вдруг я что-то упускаю, и есть простое решение?
Кроссбраузерность особо не важна, это для админки и тиражированию не подлежит.
3562 сообщения
#11 лет назад
Ширина блоков фиксированная?Высота ограничена?
6863 сообщения
#11 лет назад
Высота резиновая, ширина блоков - фикс. Ширину страницы можно зафиксировать, при необходимости
10571 сообщение
#11 лет назад
floppox, Нда, еще такого и не видела
Наверное прописать позиционирование дивам жестко, резину не представляю, наверное не стоит резину...
3 вправо, 3 влево... Повтор... Ничего в голову простого не лезет...
Веселый заказчик
Так это что бесконечная будет змея? Если начало впереди перед носом, конец может быть за 3 км...
6863 сообщения
#11 лет назад

AlexsimA, а я сикось-накось и сделала. Даже "полурезиново". Только для четырех блоков в ширину (промежутки растягиваются). Вот как сделать адаптивно, чтоб эффективно использовать пространство - этого я не придумаю.
<div class="action" style="float:<?= $i%6<3 ? 'left' : 'right' ?>;margin-top:<?= (($i-1)%3) * 30 ?>px">
Но другие подходы все же интересно узнать.
10571 сообщение
#11 лет назад
floppox, C адаптивностью сложнее
Они еще по высоте разные... Еслди адаптивно, они на мобильном выстроятся разве что в 1 ряд...
Да, прикольно. Я в вас и не сомневалась

Но я б с ума сошла с такими заказами


Ну это я про вкусы заказчика. У меня сразу глаза разбежались...