Как вывести картинки на страницу в несколько колонок и столбцов? Help!

Главные вкладки

Аватар пользователя sensei88 sensei88 19 сентября 2009 в 22:46

Здравствуйте, Дорогие форумчане!

После долгих безуспешных поисков ответа на свой вопрос, всетаки решил зарегистрироваться и обратиться к Вам, знающим людям. Я хочу создать подобный сайт http://www.besttemplates.ru/auto_page1.php на друпале с табличным выводом картинок на страницах, чтобы можно было при нажатии на картинку перейти на другую страницу с контентом.

Картинки уже вывел с помощью модуля image, но они отображаются друг под другом, а мне необходимо чтобы было 3 или 4 картинки в колонке и 16-20 в столбце, как указано на вышеприведенном сайте.

Вопрос???

Как сделать так чтобы картинки отображались таким образом? Предполагаю что в стилях CSS, но где именно не знаю, подскажите пожалуйста, буду Вам очень благодарен!

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 20 сентября 2009 в 0:33

А можно прописать стили для блоков с картинками, типа
.picture_container {width: 150px; height: 150px; float: left; margin: 5px 10px; padding: 4px; }

Ставьте FireBug к FF и ищите ваши контейнеры с картинками.

"IrinaStasuk" wrote:
Можно воспользоваться views_bonus. И взять оттуда grid.
Таблицы - для вывода табличных типов данных.

Аватар пользователя Drugan Drugan 20 сентября 2009 в 12:45

У меня нет большого опыта в создании сайтов. Делаю просто так же как у других. С помощью Firebug изучаю, как сделаны стили на сайтах, и применяю у себя. Картинки у меня без грида выводятся в несколько столбиков, например, здесь.

Аватар пользователя i_byte i_byte 20 сентября 2009 в 13:22

Хм... я бы просто создал таблицу в базе, в нее запихивал бы имя файла с картинкой, ссылку, описание картинки. В папку сбросил бы тупо все картинки. Включив режим PHP, написал бы небольшой цикл который проходится по таблице в базе и выводит таблицу HTML с картинками которые являются URL.

Аватар пользователя marazmus marazmus 20 сентября 2009 в 14:37

"i_byte" wrote:
Хм... я бы просто создал таблицу в базе, в нее запихивал бы имя файла с картинкой, ссылку, описание картинки. В папку сбросил бы тупо все картинки. Включив режим PHP, написал бы небольшой цикл который проходится по таблице в базе и выводит таблицу HTML с картинками которые являются URL.

i_byte, если вы не работали с Друпалом и не собираетесь, зачем вы советуете человеку решение, которое никак с Друпалом не связано, которое не масштабируется, и которое просто странно звучит из уст человека, который в соседней ветке не знает, как разложить картинки направо-налево?

sensei88, вам уже все правильно подсказали:

1) если вы не разбираетесь в верстке, используйте модуль Views + способ отображения "Grid"

2) если знаете HTML+CSS и поведение float-элементов, делайте float контейнерам, которые содержат ваши картинки и прочее.

Аватар пользователя i_byte i_byte 20 сентября 2009 в 18:14

"marazmus" wrote:
i_byte, если вы не работали с Друпалом и не собираетесь, зачем вы советуете человеку решение, которое никак с Друпалом не связано, которое не масштабируется, и которое просто странно звучит из уст человека, который в соседней ветке не знает, как разложить картинки направо-налево?

Не знание API друпала и CSS не отменяет знаний PHP, HTML и SQL Smile А по поводу масштабирования - тут все зависит от реализации. Потом разобраться с API друпала, "запихнуть" все это в модуль - вот и масштабируемость "подоспела".

И почему это Вы так решили, что я не работал с друпалом? Работаю с версии 4 какой-то там, но не уровне правки тем и т.п., а на уровне использования готового + написания "никак с Друпалом не связано" кода в режиме PHP в node Друпала, например вот эта таблица чемпионатов:
http://vsesovety.info/node/332

Аватар пользователя marazmus marazmus 21 сентября 2009 в 9:52

Если человек работает с Друпалом - нужно советовать ему решение, реализуемое средствами Друпала, а не "велосипед". Какой смысл тогда ему изучать систему? Пусть пишет свою CMS, это очень благодарный путь развития, не так ли?

Аватар пользователя Atl Atl 21 сентября 2009 в 10:07

Не обязательно использовать Grid. Есть решение (там же) в колонках - указываем количество и т.д.
Пусть все перепробует.

Аватар пользователя Oberon7 Oberon7 21 сентября 2009 в 10:15

Grid больше подойдет для фиксированной ширины, стили с плаванием - для резины (при увеличении ширины страницы больше рисунков влезет в строку).

Аватар пользователя sensei88 sensei88 21 сентября 2009 в 21:17

Друзья, спасибо! Я все сделал как вы посоветовали. С помощью модуля Views настроил отображение Grid по 3 колонки. Все вышло как и хотел!

Теперь задача другая, пытаюсь расширить страницу где собственно и отображаются эти картинки, а то третяя колонка на половину помещается. Сейчас буду капаться в стилях CSS.

Аватар пользователя plague plague 15 апреля 2010 в 12:14

"Drugan" wrote:
У меня нет большого опыта в создании сайтов. Делаю просто так же как у других. С помощью Firebug изучаю, как сделаны стили на сайтах, и применяю у себя. Картинки у меня без грида выводятся в несколько столбиков, например, здесь.

Данный метод в IE6 не работает. Все равно выводит в все друг под другом