Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 12461 Просмотров
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Как выровнять картинку по центру?
« : 06.02.2013, 15:57:27 »
Использую галерею (плагин TCVN Image Gallery). Никак не могу отцентровать одну картинку по центру, пробовал так:
Код: css
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="" src="image.png" /></p>
но ничего не получается. Вот страница, где надо это сделать - http://tvoya-t-igra.ru/exhibitions-of-children-s-drawings/106-exhibition-of-children-s-drawings-1-23-12-2012, а вот код галереи, который вставляется в редакторе:
Код
[gallery title="" width="213" height="0" columns="1"][gallery_item title="Общий вид выставки" src="images/images_for_store/exhibitions/exhibition1/general_view.jpg"]Общий вид выставки[/gallery_item][/gallery]
Че-то по всякому пробовал-не выходит никак. Помогите пожалуйста.
Записан
*

Immortal_pony

  • Захожу иногда
  • 128
  • 7 / 2
Re: Как выровнять картинку по центру?
« Ответ #1 : 06.02.2013, 17:58:06 »
Необходимо у первой картинки (которую ты пытаешься изменить) выпилить свойство float: left и добавить margin: 0 auto или задать ей margin: 0px 100%;
Однако сделать это через CSS без правки кода модуля не получится, так как что у верхней картинки, что у всех последующих один и тот же класс и свойства применяются ко всем элементам сразу.
Записан
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Как выровнять картинку по центру?
« Ответ #2 : 06.02.2013, 19:09:50 »
Да, это верно, у всех картинок один класс, прбовал margin: 0px 100%; - картинки все выравниваются по центру, а надо только одну. Кто-нибудь знает как это сделать?
Записан
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Re: Как выровнять картинку по центру?
« Ответ #3 : 06.02.2013, 19:16:13 »
Код
.tcvn-gallery {
    text-align: center;
}

.tcvn-gallery ul {
    display: inline-block;
}
Записан
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Как выровнять картинку по центру?
« Ответ #4 : 06.02.2013, 19:30:50 »
Sliapy, спасибище большое! Получилось.
Записан
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Как выровнять картинку по центру?
« Ответ #5 : 15.03.2013, 22:54:07 »
Помогите отцентровать теперь 2 картинки, метод от Sliapy действует только для одной картинки в ряду. Теперь появилась необходимость отцентровать 2 картинки в ряду, чтобы они были по центру страницы. Плагин тот же-TCVN Image Gallery. Вот страница-http://tvoya-t-igra.ru/exhibitions-of-children-s-drawings/110-vystavka-detskikh-risunkov-mezhdunarodnyj-zhenskij-den-10-03-2013, в самом конце, где "Конкурс "Пантомима"", после надписи "Рекомендуем всем!"-2 фото, вот их нужно отцентровать. Помогите пожалуйста, несколько часов уже бьюсь над этим, все бестолку.
Вот CSS код, который отвечает за это (вроде бы):
Код: css
.tcvn-gallery ul {
	list-style: none outside none !important;
    margin: 0 !important;
    padding: 0 !important;
	margin-left:-5px !important;
}
.tcvn-gallery .tcvn-gallery-item {
	float: left;
	list-style: none outside none;
    margin: 0 !important;
    padding: 5px !important;
	background: none repeat scroll 0 0 transparent !important;
}

.tcvn-gallery .tcvn-gallery-item img {
	padding: 5px;
	border: solid #CCC 1px;
}
.tcvn-gallery .tcvn-gallery-item a:hover img {
	padding: 5px;
	border: solid red 1px;
}
/* Moye dopolnenie (dopolnenie ot Sliapy) */
.tcvn-gallery {
    text-align: center;
}

.tcvn-gallery ul {
    display: inline-block;
}
« Последнее редактирование: 15.03.2013, 22:58:03 от THE KILLERS »
Записан
*

Sliapy

  • Захожу иногда
  • 318
  • 48 / 4
Re: Как выровнять картинку по центру?
« Ответ #6 : 16.03.2013, 00:15:44 »
Нужно здесь /plugins/system/tcvn_gallery/assets/css/style.css в строке 198

сделать так


Код
.tcvn-gallery .tcvn-gallery-item {
    background: none repeat scroll 0 0 transparent !important;
    display: inline-block;
    list-style: none outside none;
    margin: 0 !important;
    padding: 5px !important;
}

Т.е. убрать float:left и добавить display: inline-block

Но нужно будет немного поменять размеры изображений - с текущими не вмещается 3 в строку таким макаром.

Либо задать ширину для .tcvn-gallery ul в районе 711 пикселей, но тогда, вроде как, справа отступ от края контекнта меньше, чем слева.
Записан
*

THE KILLERS

  • Давно я тут
  • 932
  • 28 / 0
Re: Как выровнять картинку по центру?
« Ответ #7 : 17.03.2013, 02:00:17 »
Sliapy спасибо! перепробовал оба варианта, в 1м-все картинки сдвигаются влево (размер превью уменьшал), во 2м не помню что получилось-но не получилось тоже. НО! Предыдущий твой пост:
Цитата: Sliapy от 06.02.2013, 19:16:13
Код
.tcvn-gallery {
    text-align: center;
}

.tcvn-gallery ul {
    display: inline-block;
}

работает и для 2х картинок!
Просто я выставил число колонок для этих двух фотографий - 3. Именно с этим значением эти 2 фото встали посередине. Так что самый первый твой совет рулит! Огромное спасибо!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

 Ответов: 11
Просмотров: 2121 		Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

 Ответов: 0
Просмотров: 906 		Последний ответ 02.01.2021, 13:56:09
от vova630
Как выровнять блоки в модуле?

Автор arkady

 Ответов: 4
Просмотров: 1302 		Последний ответ 14.10.2019, 23:24:14
от AlekVolsk
Как все выровнять?

Автор Gromz

 Ответов: 3
Просмотров: 1320 		Последний ответ 30.07.2019, 06:06:16
от Stasweb
Не могу вывести картинку нужно размера

Автор stonehand

 Ответов: 3
Просмотров: 1244 		Последний ответ 22.03.2019, 21:55:29
от sivers