Перейти к содержимому


Фотография
- - - - -

галерея по центру вкладки

галерея

Лучший Ответ Sliapy , 02 May 2013 - 22:21

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

.jbzoo .element-jbgallery a {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    margin-bottom: 1em;
    margin-right: 1em;
    padding: 0.5em;
}

.jbzoo .element-jbgallery {
display:table-cell;
}

Только с отступами нужно поиграть, чтобы влазило максимальное кол-во фото в строку.

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 8

#1 polyakov2004

polyakov2004

Отправлено 02 May 2013 - 09:46

Помогите выставить галерею по центру вкладки, никак не могу сдвинуть ее в центр.

centr.png


  • 0

#2 Sliapy

Sliapy

Отправлено 02 May 2013 - 12:54

Нужно править CSS. Убирать у картинок float: left. Делать их не block, а inline-block. Самому контейнеру галереи присваивать text-align: center.

 

Без ссылки на сайт точнее что-то сложно сказать.

 

Да и это не совсем относится к поддержке JBZoo ;)


Сообщение отредактировал Sliapy: 02 May 2013 - 12:55

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 khpvolga

khpvolga

Отправлено 02 May 2013 - 18:23

да, ссыль дайте! заодно мож и забронируем что!)) хохляндия вроде, не?


  • 0

#4 polyakov2004

polyakov2004

Отправлено 02 May 2013 - 22:11

Так точно http://vmorskom.com/...ka-enot-morskoe

 

это относится к внешнему виду каталога и галерее jbzoo!


  • 0

#5 Sliapy

Sliapy

Отправлено 02 May 2013 - 22:21   Лучший Ответ

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

.jbzoo .element-jbgallery a {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    margin-bottom: 1em;
    margin-right: 1em;
    padding: 0.5em;
}

.jbzoo .element-jbgallery {
display:table-cell;
}

Только с отступами нужно поиграть, чтобы влазило максимальное кол-во фото в строку.


Сообщение отредактировал Sliapy: 02 May 2013 - 22:26

  • 1
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#6 kostricyny

kostricyny

Отправлено 03 May 2013 - 06:19

Уважаемый коллега, polyakov2004.

Прошу, если есть возможность, слегка приоткрыть завесу тайны: "Сайт, который Вы указали выше, является замечательным образцом профессионально сделанной работы с использованием JBZoo: всё красиво, удобно, функционально. И эта работа позволяет сделать вывод о том, что Вы опытный web-разработчик. Однако простота задачи создавшей эту тему не может быть согласована с Вашим опытом! В чем подвох?"  

 

P.S.

Прошу администрацию форума, ради праздника Солидарности Людей Труда, сделать снисхождение к "флудности" этого сообщения.


  • 1

#7 SmetDenis

SmetDenis

Отправлено 03 May 2013 - 06:43

kostricyny тонко... =)


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#8 polyakov2004

polyakov2004

Отправлено 03 May 2013 - 06:48

Это кажется что у меня большой опыт, это мой первый сайт,я только учусь с jbzoo знаком с 1,01,2013, с веб разработкой чуть больше, что-то не получается, чего-то не знаю, где-то хорошо помогает техподдержка, много наставляли Денис, Slipay, RomanL  показывали "где учится" ну и интернет рулит.

 

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

.jbzoo .element-jbgallery a {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    margin-bottom: 1em;
    margin-right: 1em;
    padding: 0.5em;
}

.jbzoo .element-jbgallery {
display:table-cell;
}

Только с отступами нужно поиграть, чтобы влазило максимальное кол-во фото в строку.

спасибо попробую.


Сообщение отредактировал polyakov2004: 03 May 2013 - 06:51

  • 0

#9 kostricyny

kostricyny

Отправлено 03 May 2013 - 06:54

Спасибо за ответ, за неожиданный ответ ... 

Похоже, что у Вас врожденная способность к этому виду деятельности. Удивили!       


Сообщение отредактировал kostricyny: 03 May 2013 - 06:54

  • 0





Темы с аналогичным тегами галерея

Click to return to top of page in style!