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]   

> Без описания
nkl
Отправлено: 24 Января, 2012 - 16:55:41
Post Id



Посетитель


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


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




Добрый день, уважаемые!

У меня есть массив вида img[id]['title']['url'] => img[1]['title'] = "Заголовок альбома" img[1]['url'] = "http://site.ru/img/img1.jpeg".

Мне нужно вывести его в матрицу в 4 столбца и n-строк. Как на рисунке:

Чем угодно, хоть таблицей, хоть контейнером. Дело в том, что в верстке я ни селен. Главное, сделать так, что бы ширина и высота альбома, а так же длинна заголовка альбома были фиксированными. Ну что бы не съезжало ничего.
Постраничный вывод не нужен, весь массив нужно вывести на одну страницу.
 
 Top
Panoptik
Отправлено: 24 Января, 2012 - 18:01:14
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2493
Дата рег-ции: Нояб. 2011  
Откуда: Одесса, Украина


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




CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id='container'>
  3.   <div class='item'>
  4.        ваши данные
  5.   </div>
  6.   <div class='item'>
  7.        ваши данные
  8.   </div>
  9.   <div class='item'>
  10.        ваши данные
  11.   </div>
  12.   <div class='item'>
  13.        ваши данные
  14.   </div>
  15.   <div class='item'>
  16.        ваши данные
  17.   </div>
  18.   <div class='item'>
  19.        ваши данные
  20.   </div>
  21.   <div class='item'>
  22.        ваши данные
  23.   </div>
  24.   <div class='item'>
  25.        ваши данные
  26.   </div>
  27. </div>
  28.  

стили
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <style>
  3. .item {
  4.   display: inline-block;
  5.   width: 24%;
  6.   height: 100px;
  7. }
  8. </style>
  9.  

(Отредактировано автором: 24 Января, 2012 - 18:01:43)



-----
Just do it
 
 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