вывод картинок горизонтально

Question

26/06/2012, by Ivan

Здравствуйте! Подскажите пожалуйста, картинки выводятся вертикально с помощью модуля colorbox, а неоходимо чтоб горизонтально! пытался добовлять в фаил style.css код

.node .field-name-field-gallery .field-item {
display: inline;
}

но непомогло!

Drupal version 7.x

1 answer

votes: 539

Answer

Попробуйте так:

.node .field-name-field-gallery .field-item { 
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
 }

непомогло( машинное имя "field_fotuch" и первая строчка должна выглядеть так "node .field-name-field_fotuch .field-item {" ? и может это быть связано с тем что галерея выводится в "мой аккаунт"?

Может быть там нет класса node? Просто попробуйте использовать классы field-name-field_fotuch .field-item .

встали как надо! спасибо большое за помощь!!!

Та же ерунда. Ставлю этот код, все нормально вроде бы, только сьезжает верстка. Как это обойти?

Картинка мелкая получилась не видно..

Попробуйте margin'ы поставить:

.field-name-field-image .field-item{
  margin-right: 10px;
  margin-bottom: 10px;
}

Нет, все равно так же. теперь только с отступами.

Добрый день! Прошу помочь с решением аналогичной проблемы: картинки с помощью модуля colorbox выводятся вертикально (тема AT Commerce для Ubercart), а нужно горизонтально. Несколько дней бьюсь с решением, перепробовала несколько вариантов:

файла style.css в этой теме нет, с помощью Firebug определила, что основной файл css - это styles.base.css.

В этот файл добавляла следующее:

1) .node .field-item {
  display: inline;
}

2) .node .field-name-field-fototovar .field-item {

display: inline;
}

3) .node .field-name-field-fototovar .field-item {

display: block;

float: left;

margin-right: 10px;

margin-bottom: 10px;

}

4) .node .field-name-field-fototovar .field-item {

display: inline-block;

float: left;

margin-right: 10px;

margin-bottom: 10px;

}

5) заменяла item на items, убирала .node

результат не меняется. Подскажите, пожалуйста, как можно решить вопрос.

Спасибо.

.field-name-field-fototovar .field-item попробуйте такой селектор использовать. И пишите просто display: inline-block, без float: left;

Не могу вывести изображения горизонтально. На странице http://lada-kalina2.ru/tuning/tuning-dvigatelya

Причем тут выводятся нормально как надо http://lada-kalina2.ru/foto-kalina2

Не пойму в чем дело. Помогите.

Пробывал ставить вот так не помогло.

.field-name-field-photo .field-item {

float: left;
margin-right: 10px;
margin-bottom: 10px;

Возможно нужно задать еще и ширину блока.

Вот в этой строке есть изменения .field-name-field-photo1 .field-item

Что с ней сделать???

Extra Block Types (EBT) - New Layout Builder experience❗

❗Extra Paragraph Types (EPT) - New Paragraphs experience

вывод картинок горизонтально