Հայոց English

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

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
  1. Главная
  2. Форумы
  3. Drupal CMS
  4. Theming

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

22/02/2025, by Гость (не проверено)
Форумы
Темизация

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

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

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

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

.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 {" ? и может это быть связано с тем что галерея выводится в "мой аккаунт"? 

непомогло(  машинное имя "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 {

  1. float: left;
  2. margin-right: 10px;
  3. margin-bottom: 10px;

 

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

 

 

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

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