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

  • 7 Ответов
  • 5215 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Insane

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

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

В чем может быть проблема?

*

WillyM

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

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

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

Подскажите как быть ?

*

Apoca1ypto

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

Код
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>[widgetkit id=123]</td>
</tr>
</tbody>
</table>
Во время спора в Интернете Ваш оппонент приводит неопровержимые доказательства своей точки зрения? Не отчаивайтесь. До...тесь до орфографии.

*

baser

как вариант (но не всегда панацея) выравнивания таких блоков через связку (вместо 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

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

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

как вариант (но не всегда панацея) выравнивания таких блоков через связку (вместо 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

добавьте в 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

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