Форум русской поддержки Joomla!® CMS
08.12.2016, 06:11:53 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Размещение галереи из Widgetkit по центру в материале

 (Прочитано 4722 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Insane
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 1


« : 24.07.2012, 08:31:19 »

Суть в том, что галерея, как и обычные картинки, в материале располагается всегда по левому краю. Правка item.css не помогла:
Код:
#yoo-zoo .item div.media-center {margin-left: 15px; text-align: center; float: center;}

В настройках Зу указано положение по центру.

В чем может быть проблема?
Записан
WillyM
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 10


« Ответ #1 : 13.09.2012, 10:43:05 »

меня вопрос этот тоже очень интересует.

создал галерею и не могу ее  центрировать.

в материале по центру делаю, а на сайте она все равно прилипает к левому краю

Подскажите как быть ?
Записан
Apoca1ypto
Завсегдатай
*****

Репутация: +63/-0
Offline Offline

Пол: Мужской
Сообщений: 617



« Ответ #2 : 17.09.2012, 12:10:57 »

Заключите тэг виджеткита в таблицу и отформатируйте ее по центру:

Код:
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>[widgetkit id=123]</td>
</tr>
</tbody>
</table>
Записан
baser
Осваиваюсь на форуме
***

Репутация: +19/-0
Offline Offline

Пол: Мужской
Сообщений: 69



« Ответ #3 : 17.09.2012, 21:25:19 »

как вариант (но не всегда панацея) выравнивания таких блоков через связку (вместо xx номер галереи)

Код:
<div style="width:800px;">
      <div style="float: right; position: relative; right: 50%;">
             <div style="float: left; position: relative; left: 50%;">
                    [widgetkit id=xx]
              </div>
       </div>
</div>

и задать ширину поля слайдеров через стили (стиль может быть другой, в зависимости от вида галереи)

Код:
.wk-gallery-wall.polaroid{
width: 700px;
}

плюс если что поиграться с первой и второй шириной в зависимости от рабочей области
Записан
Ryan
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 14


« Ответ #4 : 21.11.2012, 15:24:12 »

Здравствуйте.

Насколько я понимаю, достаточно в стиле вашего слайдшоу дописать:
Код:
.wk-slideshow-вашстиль  {
margin-left: auto;
margin-right: auto;
}
Записан
Belverk
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 8


« Ответ #5 : 15.03.2013, 17:23:13 »

как вариант (но не всегда панацея) выравнивания таких блоков через связку (вместо xx номер галереи)

Код:
<div style="width:800px;">
      <div style="float: right; position: relative; right: 50%;">
             <div style="float: left; position: relative; left: 50%;">
                    [widgetkit id=xx]
              </div>
       </div>
</div>

и задать ширину поля слайдеров через стили (стиль может быть другой, в зависимости от вида галереи)

Код:
.wk-gallery-wall.polaroid{
width: 700px;
}

плюс если что поиграться с первой и второй шириной в зависимости от рабочей области
спасибо помогло))) теперь отцентрировалось
Записан
chiba
Новичок
*

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 6



« Ответ #6 : 02.07.2014, 20:50:46 »

добавьте в CSS следующее:

.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img, .wk-slideset img, .wk-slideshow canvas {
display: block;
margin-left:auto;
margin-right:auto;
}


и не заморачивайтесь с фиксированными размерами галереи, они же на планшете не очень смареться будут
Записан
rudkovskiy
Новичок
*

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 1


Лучше быть, чем казаться


« Ответ #7 : 19.09.2016, 13:28:10 »

Здравствуйте.
Найдено решение, которое поможет галерее корректно отображаться по центру в любых гаджетах.
Путь: media\widgetkit\widgets\gallery\styles\wall\style.css
В классе: .wk-gallery-wall
удаляем параметр: float:left;
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet