{% else-1 %}
Обновить
* Тема закрыта!
1.
Inaztm * 0.02
[автор] (19 июн 2015, 11:12) [0/0] [0] [спам] [под]

Всем удачного дня. Не знаю, есть ли здесь человек, который знает как решить проблему, но все же попробую спросить. Проблема заключается в том, что нужно выстраивать блоки по двое одним за другим, но так, чтобы блоки имея разную величину выстраивались одним за другим сразу , а не отрывая пол экрана (см. первый скрин) аналогично как на сервисе https://www.pinterest.com/ (или кто не знаком, см. второй скрин)
Добавлено 19.06.15 в 11:15:44:
Первый
Добавлено 19.06.15 в 11:22:44:
One
Добавлено 19.06.15 в 11:24:52:
Вот первый
Добавлено 19.06.15 в 11:46:23:
Первый скрин: http://spaces.ru/pictures/?r=main/view&Read=100108483&name=Inaztm

Второй: http://spaces.ru/pictures/?r=main/view&Read=100108787&name=Inaztm

2. (19 июн 2015, 12:01) [0/0] [0] [спам] [под]

display:inline-block;

3.
Inaztm * 0.02
[автор] (19 июн 2015, 12:18) [0/0] [0] [спам] [под]

Кидорас, ты меня не правильно понял. У меня и так inline-block, но сам блок подстраиваться под следующий , а мне надо чтоб если высота блоков разная , то они подостраивались под нижние

4. (19 июн 2015, 12:21) [0/0] [0] [спам] [под]
Inaztm,

vertical-align?

5.
Inaztm * 0.02
[автор] (19 июн 2015, 12:24) [0/0] [0] [спам] [под]

Кидорас, тоже не то, посмотри вот второй скрин и думаю ты увидишь проблему
http://spaces.ru/pictures/?r=main/view&Read=100110105&name=Inaztm (второй скрин это продолжение первого).


Изм. 1 раз. / Посл. изм.
Inaztm * 0.02
(19 июн 2015, 12:26)
6. (19 июн 2015, 12:26) [0/0] [0] [спам] [под]
Inaztm,

Ссылка на сайт? Локалка? Порты открыты? Дай ip. Или же кидай код.

7.
Cat * 22.38
(19 июн 2015, 12:30) [0/0] [0] [спам] [под]

<table cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td style="width: 50%;">
Первое поле
</td>
<td style="width: 50%;">
Второе поле
</td>
</tr>
</table>

8.
Inaztm * 0.02
[автор] (19 июн 2015, 12:31) [0/0] [0] [спам] [под]

Кидорас, На локалке. код простой:

<style>
.t { display: inline-block; width: 50%; vertical-align: top; padding: 10px; }
</style>
<?
for($i=1; $i <= 10; $i++){
?><div class="t"><!-- this content --!></div><?
}
?>


Изм. 2 раз. / Посл. изм.
Inaztm * 0.02
(19 июн 2015, 12:53)
9.
Inaztm * 0.02
[автор] (19 июн 2015, 12:41) [0/0] [0] [спам] [под]

Кот, тоже самое, блоки имея разную величину образуют большой разрыв (пустое место) , знаю что есть плагины на jquery, но ищю способ попроще

10.
Cat * 22.38
(19 июн 2015, 12:47) [0/0] [0] [спам] [под]

Inaztm, если указать рамки, то нет.

Подписаны: 1
Скачать тему | Файлы темы | Фильтр сообщений