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]   

> Без описания
chaker
Отправлено: 27 Августа, 2013 - 23:20:32
Post Id


Новичок


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


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




Доброй ночи всем! Есть вывод товаров из базы данных, которые выводятся на страницу вниз друг за другом, пример:
Товар1
Товар2
Товар3

Нужно сделать чтобы они выводились по три штуки в ряд, тоесть:
Товар1 Товар2 Товар3
Товар4 Товар5 Товар6

Кто какие варианты думает? Может при выводе в цикле нужно сделать чтобы после каждого третего товара добавлялся разделитеть?

(Отредактировано автором: 27 Августа, 2013 - 23:30:03)

 
 Top
VestCoastman
Отправлено: 27 Августа, 2013 - 23:28:01
Post Id



Посетитель


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


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




CODE (html):
скопировать код в буфер обмена
  1. <!-- Вывод в 4 колонки -->
  2. <div style="float:left; width:25%;">$text</div>
  3. <!-- Вывод в 2 колонки -->
  4. <div style="float:left; width:50%;">$text</div>

Ну я думаю вы поняли суть простого варианта.
Если в цикле, то делите на 3, проверяете остаток... Все просто.
 
 Top
DelphinPRO
Отправлено: 27 Августа, 2013 - 23:29:58
Post Id



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


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


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




все решается с помощью CSS

CODE (css):
скопировать код в буфер обмена
  1. .block {
  2.   width: 33%;
  3.   display: inline-block;
  4.   margin-right: -0.3em;
  5.   vertical-align: top;
  6. }


А блоки просто выводятся сервером один за другим. Т.е. так, как у вас сейчас.

(Отредактировано автором: 27 Августа, 2013 - 23:30:33)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
chaker
Отправлено: 27 Августа, 2013 - 23:32:33
Post Id


Новичок


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


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




дело в том, что у меня по верстке чтобы выстроить их по 3 штуки в ряд нужно после каждого третего товара добавлять спец. тег.. Вот и ломаю голову сейчас над этим..
 
 Top
DelphinPRO
Отправлено: 28 Августа, 2013 - 00:03:16
Post Id



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


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


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




фиговая значит верстка Улыбка
впрочем выше уже дали подсказку, про остаток от деления.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
caballero
Отправлено: 28 Августа, 2013 - 00:05:21
Post Id


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


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


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




float:left а контейнер размером чтобы влазило по три
и не надо там тегов никаких


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
chaker
Отправлено: 28 Августа, 2013 - 00:09:56
Post Id


Новичок


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


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




caballero, хмм можешь подробней?
 
 Top
caballero
Отправлено: 28 Августа, 2013 - 01:01:01
Post Id


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


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


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




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


-----
Бесплатная система складского учета с открытым кодом https://zippy[dot]com[dot]ua/zstore
 
 Top
chaker
Отправлено: 28 Августа, 2013 - 01:29:57
Post Id


Новичок


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


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




чет я сразу и не догадался..
CODE (html):
скопировать код в буфер обмена
  1. <div style="float:left; width:30%;">$text</div>
работает, но только когда 3 картинки в ряд, а если остается одна или две, в самом низу начинает резать дизайн.. Кто-то знает как исправить?

(Отредактировано автором: 28 Августа, 2013 - 01:30:24)

 
 Top
IllusionMH
Отправлено: 28 Августа, 2013 - 01:40:20
Post Id



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


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


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




chaker, элементу ниже добавить clear: left; (или both).
Еще обратите внимание на различные методики и выберите подходящую
 
 Top
chaker
Отправлено: 28 Августа, 2013 - 01:52:11
Post Id


Новичок


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


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




прописал
CODE (html):
скопировать код в буфер обмена
  1. <div style="float:left; width:30%;"><div style="clear: left">$text</div></div>
тоже самое..

(Отредактировано автором: 28 Августа, 2013 - 02:06:57)

 
 Top
IllusionMH
Отправлено: 28 Августа, 2013 - 02:06:20
Post Id



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


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


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




chaker, подсветка синтаксиса не намекает, что тут что-то не так?
и я говорил, что для следующего элемента, а не вложенного.
По ссылке выше куча примеров, изучайте.
 
 Top
chaker
Отправлено: 28 Августа, 2013 - 02:07:30
Post Id


Новичок


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


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




это копипаст) получилось все как нужно, спасибо! Улыбка

(Отредактировано автором: 28 Августа, 2013 - 02:13:06)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Программирование на PHP »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB