Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: позиционирование элементов

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
imediasun
Отправлено: 12 Августа, 2013 - 13:53:07
Post Id


Частый посетитель


Покинул форум
Сообщений всего: 605
Дата рег-ции: Авг. 2012  


Помог: 2 раз(а)

[+][+][+][+][+]
Подскажите пожалуйста ответ на следующий вопрос.
Есть блок его высота фиксированная 300px в блоке выводятся записи подряд сверху вниз.
Как прописать в стилях такое правило чтобы при достижении конца блока записи продолжали выводиться в такой же колонке только теперь справа от первоначальной колонки.Спасибо за ответы
 
 Top
IllusionMH
Отправлено: 12 Августа, 2013 - 14:00:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imediasun, CSS Regions Module Level 1 (WD) ваш выбор!
Если нужно, чтобы контент вылазил - overflow: visible. Если блоки на расстоянии, то тогда только дублировать, позиционировать дублировать и сдвигать на ширину первого блока.
 
 Top
armancho7777777 Супермодератор
Отправлено: 12 Августа, 2013 - 14:03:50
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Если правильно понял задачу, то только программно, средствами JS.
(Добавление)
IllusionMH пишет:
CSS Regions Module Level 1

Упс ...
Не знал )
IllusionMH +1
 
 Top
imediasun
Отправлено: 12 Августа, 2013 - 14:09:31
Post Id


Частый посетитель


Покинул форум
Сообщений всего: 605
Дата рег-ции: Авг. 2012  


Помог: 2 раз(а)

[+][+][+][+][+]
armancho7777777 пишет:
Если правильно понял задачу, то только программно, средствами JS.
(Добавление)
IllusionMH пишет:
CSS Regions Module Level 1

Упс ...
Не знал )
IllusionMH +1

а как именно если на jquery
 
 Top
armancho7777777 Супермодератор
Отправлено: 12 Августа, 2013 - 14:11:46
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
imediasun, ну у Вас же есть в руках решение на css, значит можно нагуглить что-то типа "CSS Regions JS/jQuery".
Что за лень такая ?
 
 Top
IllusionMH
Отправлено: 12 Августа, 2013 - 14:27:04
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imediasun, считать сколько элементов помещается(нижня граница выше конца блока), остальные переносить в другой.
Если высота внутренних блоков фиксированная, то считать еще проще.


armancho7777777, да было б за что, еще ж WD и ни одной нормальной реализации нет. В неблизком светлом будущем появится куча очень приятных модулей, но это еще ждать Недовольство, огорчение

(Отредактировано автором: 12 Августа, 2013 - 14:28:03)

 
 Top
imediasun
Отправлено: 12 Августа, 2013 - 14:27:11
Post Id


Частый посетитель


Покинул форум
Сообщений всего: 605
Дата рег-ции: Авг. 2012  


Помог: 2 раз(а)

[+][+][+][+][+]
Я так и не понял из приведенной документации что не попробовал все не работает, можете на конкретном примере показать как выстроить справа то что не вмещается по высоте блока
(Добавление)
IllusionMH пишет:
imediasun, считать сколько элементов помещается(нижня граница выше конца блока), остальные переносить в другой.
Если высота внутренних блоков фиксированная, то считать еще проще.


armancho7777777, да было б за что, еще ж WD и ни одной нормальной реализации нет. В неблизком светлом будущем появится куча очень приятных модулей, но это еще ждать Недовольство, огорчение

так как считать, если вывод динамический мне нужно все что не поместилось по высоте расположить справа, должно же быть какое то css решение
 
 Top
IllusionMH
Отправлено: 12 Августа, 2013 - 14:36:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imediasun, решение будет, когда спека дойдет до СR и будет реализация от всех производителей браузеров.
А пока - считать в JS.
 
 Top
imediasun
Отправлено: 12 Августа, 2013 - 14:39:35
Post Id


Частый посетитель


Покинул форум
Сообщений всего: 605
Дата рег-ции: Авг. 2012  


Помог: 2 раз(а)

[+][+][+][+][+]
IllusionMH пишет:
imediasun, решение будет, когда спека дойдет до СR и будет реализация от всех производителей браузеров.
А пока - считать в JS.

покажите пример как считать
 
 Top
armancho7777777 Супермодератор
Отправлено: 12 Августа, 2013 - 14:41:40
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
IllusionMH пишет:
Если высота внутренних блоков фиксированная, то считать еще проще.

+ через css задать высоту строки, для упращения подсчётов.


IllusionMH пишет:
да было б за что

За инфу в копилку ))

(Отредактировано автором: 12 Августа, 2013 - 14:42:41)

 
 Top
DelphinPRO
Отправлено: 12 Августа, 2013 - 14:45:04
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Если забить на IE

CODE (html):
скопировать код в буфер обмена
  1. <div class="main">
  2.   <div class="item">...</div>
  3.   <div class="item">...</div>
  4.   <div class="item">...</div>
  5.   ...
  6.   <div class="item">...</div>
  7. </div>


например в три столбика
CODE (css):
скопировать код в буфер обмена
  1. .main {
  2.         -webkit-column-count:3;
  3.         -moz-column-count:3;
  4.         column-count:3
  5.  
  6.         -webkit-column-gap:30px;
  7.         -moz-column-gap: 30px;
  8.         column-gap: 30px;
  9.        
  10.         -moz-column-rule: 1px dotted #ccc;
  11.         -webkit-column-rule: 1px dotted #ccc;
  12.         column-rule: 1px dotted #ccc;
  13. }


оно?


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
imediasun
Отправлено: 12 Августа, 2013 - 14:45:53
Post Id


Частый посетитель


Покинул форум
Сообщений всего: 605
Дата рег-ции: Авг. 2012  


Помог: 2 раз(а)

[+][+][+][+][+]
Не могу сам разобраться помогите пожалуйста, это не лень вовсе просто не понимаю
(Добавление)
DelphinPRO пишет:
Если забить на IE

CODE (html):
скопировать код в буфер обмена
  1. <div class="main">
  2.   <div class="item">...</div>
  3.   <div class="item">...</div>
  4.   <div class="item">...</div>
  5.   ...
  6.   <div class="item">...</div>
  7. </div>


например в три столбика
CODE (css):
скопировать код в буфер обмена
  1. .main {
  2.         -webkit-column-count:3;
  3.         -moz-column-count:3;
  4.         column-count:3
  5.  
  6.         -webkit-column-gap:30px;
  7.         -moz-column-gap: 30px;
  8.         column-gap: 30px;
  9.        
  10.         -moz-column-rule: 1px dotted #ccc;
  11.         -webkit-column-rule: 1px dotted #ccc;
  12.         column-rule: 1px dotted #ccc;
  13. }


оно?


Похоже что оно, только вот если неизвестно сколько колонок будет, не не оно надо по высоте отрезать а остальное вправо и так до определенного предела
 
 Top
IllusionMH
Отправлено: 12 Августа, 2013 - 15:02:42
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
imediasun, и вот сейчас мы должны угадать какой у вас там контент? И определенный момент?
Лично я так и не купил хрустальный шар.
При такой куче неизвестных - ищите готовый JS скрипт (js columns для начала), пишите свою реализация(там не так уж и сложно, а как упростить писали выше), либо с сервера выводите определенное кол-во элементов в блок.


Товарищи, а может толпой скинемся на настоящий хрустальный шар? А то я вижу, что мой скилл гадалки не тянет Недовольство, огорчение

(Отредактировано автором: 12 Августа, 2013 - 15:04:40)

 
 Top
soffrick
Отправлено: 12 Августа, 2013 - 15:08:41
Post Id



Посетитель


Покинул форум
Сообщений всего: 379
Дата рег-ции: Май 2012  
Откуда: Россия, Москва


Помог: 17 раз(а)

IllusionMH пишет:
Товарищи, а может толпой скинемся на настоящий хрустальный шар? А то я вижу, что мой скилл гадалки не тянет

ага, и на очки ТСам, которые не замечают ответы Ха-ха


-----
Правильный вопрос - уже половина правильного ответа!

p.s. индусы повсюду, будьте осторожны!
 
 Top
IllusionMH
Отправлено: 12 Августа, 2013 - 15:20:06
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)

soffrick, я уверен, что это баг: нормальные ответы выводятся с инлайновым стилем display:none Радость
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB