Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping.

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

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
Просмотров: 2200 		Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

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

Автор arkady

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

Автор Gromz

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

Автор stonehand

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