Новости Joomla

Вышел JoomShopping 5.9.0 - компонент интернет-магазина для Joomla

Вышел JoomShopping 5.9.0 - компонент интернет-магазина для Joomla.

Вышло обновление JL Like 5.2

Вышло обновление JL Like 5.2

JL Like — современный плагин для Joomla, который добавляет стильные кнопки "Поделиться" и счетчики лайков популярных соцсетей.

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

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

vovchikku

  • Захожу иногда
  • 407
  • 1 / 0
Почему align="center" не срабатывает для картинок?
« : 26.07.2018, 08:43:13 »
на сайте http://www.gk-kp.ru
есть две картинки (карты) (почти внизу)
они стоят в таблице
но если разрешение экрана отличается - видно что картинки прилеплены к левому краю. а должны быть по центру
вот скрин
https://yadi.sk/i/nBI0YflS3ZadTj

Код
<table cellpadding="0" cellspacing="0" border="0" align="center" style="width: 100%; margin-left: auto; margin-right: auto;">
	<tbody>
		<tr>
			<td><img src="images/tumen-map.jpg" width="671" height="514" alt="tumen-map" align="center" style="vertical-align: middle;" />
			</td>
			<td><img src="images/khanty-map.jpg" width="672" height="515" alt="khanty-map" align="center" style="vertical-align: middle;" />
			</td>
		</tr>
	</tbody>
</table>
подскажите что не то с align="center"?
В каком виде должен выглядеть этот оператор?

спасибо
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: Почему align="center" не срабатывает для картинок?
« Ответ #1 : 26.07.2018, 09:01:35 »
просто align?
знаю text-align
align-content
align-items

Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Почему align="center" не срабатывает для картинок?
« Ответ #2 : 26.07.2018, 09:17:13 »
Цитата: vovchikku от 26.07.2018, 08:43:13
подскажите что не то с align="center"?
Устаревший. Пробуйте применять text-align к столбцам  td
Записан
*

wishlight

  • Гуру
  • 5074
  • 319 / 1
  • От 300 руб быстрый хостинг. Сервера.
Re: Почему align="center" не срабатывает для картинок?
« Ответ #3 : 26.07.2018, 09:21:25 »
Старайтесь не использовать табличную верстку. Используйте div. text-align и для вертикальной центровки заданную высоту линии и отступ от верха.
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: Почему align="center" не срабатывает для картинок?
« Ответ #4 : 26.07.2018, 09:31:57 »
Цитата: wishlight от 26.07.2018, 09:21:25
Старайтесь не использовать табличную верстку. Используйте div. text-align и для вертикальной центровки заданную высоту линии и отступ от верха.
поддерживаю
табличная верстка это прошлый век))
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

vovchikku

  • Захожу иногда
  • 407
  • 1 / 0
Re: Почему align="center" не срабатывает для картинок?
« Ответ #5 : 26.07.2018, 10:54:56 »
В как будет выглядеть код с дивами?
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Почему align="center" не срабатывает для картинок?
« Ответ #6 : 26.07.2018, 11:46:06 »
Цитата: vovchikku от 26.07.2018, 10:54:56
В как будет выглядеть код с дивами?
Код
<div style="text-align: center;"><img /></div>
Записан
*

vovchikku

  • Захожу иногда
  • 407
  • 1 / 0
Re: Почему align="center" не срабатывает для картинок?
« Ответ #7 : 26.07.2018, 16:35:51 »
спасибо за помощь! вот как вышел
Код
<table cellpadding="0" cellspacing="0" border="0" align="center" style="width: 100%; margin-left: auto; margin-right: auto;">
	<tbody>
		<tr>
			<td align="center"><img src="images/tumen-map.jpg" width="671" height="514" alt="tumen-map" style="vertical-align: middle;" />
			</td>
			<td align="center"><img src="images/khanty-map.jpg" width="671" height="514" alt="khanty-map" style="vertical-align: middle;" />
			</td>
		</tr>
	</tbody>
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: Почему align="center" не срабатывает для картинок?
« Ответ #8 : 26.07.2018, 16:43:25 »
мда....
все таки не отказались от табличной верстки
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 8
Re: Почему align="center" не срабатывает для картинок?
« Ответ #9 : 26.07.2018, 16:46:48 »
Код
<div class="parent">
	<div class="child"> <img src="images/tumen-map.jpg" width="671" height="514" alt="tumen-map" style="vertical-align: middle;" /></div>
	<div class="child"> <img src="images/khanty-map.jpg" width="671" height="514" alt="khanty-map" style="vertical-align: middle;" /></div>
</div>
Код
.child {
   
    padding: 10px;
    float: left;
    width: 40%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.child:last-child {
    margin-right: 0;
}
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Почему обновление шаблона ломает шаблон?

Автор gorbi_U

 Ответов: 8
Просмотров: 3644 		Последний ответ 03.05.2023, 22:54:19
от SmiP
Друзья, как перевести слово "or" в "или"

Автор Alex_iPod

 Ответов: 2
Просмотров: 798 		Последний ответ 28.12.2021, 22:54:47
от Alex_iPod
Как в мобильной версии поставить &quot;блок особенностей&quot; в два столбца?

Автор sergspb

 Ответов: 7
Просмотров: 1015 		Последний ответ 15.04.2021, 13:51:54
от xpank
Оплата картой "МИР"

Автор Rebarun

 Ответов: 1
Просмотров: 777 		Последний ответ 06.08.2020, 11:41:37
от darkghost
Почему может подтормаживать меню

Автор Аня

 Ответов: 6
Просмотров: 917 		Последний ответ 19.06.2020, 13:40:08
от Аня