Форум Сайтостроение Веб-строительство

Как уложить блоки (см рисунок)

djdiplomat
На сайте с 05.08.2009
Offline
136
djdiplomat
432

Как уложить блоки по схеме, как на картинке? Размер блоков умышленно разный.

Вертикальный подход вывода

1 4 7

2 5

3 6

не катит.

т.е обязательно нужно, чтобы блоки шли

1 2 3

4 5 6

7 ...

L
На сайте с 16.10.2014
Offline
108
lexter
#1

если фиксированный размер то с помощью z-index i например минусового значения margin

Купить автомобиль из США можно тут (https://us-car.com.ua)
[umka]
На сайте с 25.05.2008
Offline
456
[umka]
#2

Во время вывода скриптом формируете сначала первую колонку (1,4,7), потом второй (2,5,8), и т.д.

Лог в помощь!
djdiplomat
На сайте с 05.08.2009
Offline
136
djdiplomat
#3

А без скрипта не обойтись? Средствами css...

По поводу фиксированного. фиксирована только ширина. т.е каждый блок 232 пикселя. Высота резиновая...

L
На сайте с 16.10.2014
Offline
108
lexter
#4

с резиновой высотой думаю не как ... тут надо скриптовать

C
На сайте с 04.02.2005
Offline
291
Chukcha
#5

dispalay:inline-block 

 --   --   --

| 1| | 2| | 3|

 --   --  |  |

           --

 --   --   --

| 4| | 5| | 6|

 --   --  |  |

           --
87793
На сайте с 12.09.2009
Offline
661
87793
#6

Не вижу картинку Вашу, не открывается :(.

Не могли бы Вы её вложением сделать к сообщению - т.е. загрузить её именно на форум, а не подгружать со стороннего хостинга изображений?

Наше дело правое - не мешать левому!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий