Новости Joomla

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

Вставка VK VIDEO v.1.2.4 - плагин для Joomla.В новой версии добавлена поддержка вставки VK клипов

Компонент "Жимолость" v.1.2.0 (ex

Компонент "Жимолость" v.1.2.0 (ex. Спам-оборона для Joomla) Бесплатный компонент работает под Joomla и позволяет защищать формы сайта от атак спам ботов.👩‍💻 v.1.2.0. Что нового?Компонент полностью поддерживает работу с Joomla 6 без необходимости использования плагина совместимости. При этом поддержка Joomla 4 прекратилась, поскольку уже к Joomla 5 отличия между четвертой и пятой версиями были заметны. Компонент бесплатный. Существует версия для Joomla 3. Разработчик - участник нашего сообщества Владимир Егоров (@sitogon)Страница расширения#joomla #расширения

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

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
картинка в центре
« : 02.06.2011, 14:42:14 »
Подскажите, как я могу отцентровать картинку ровно по центру окна браузера?
Нужно, чтобы она всегда была там, даже если меняется размер окна.
Код
margin {0 auto}
или
Код
align: center
работает для горизонтального выравнивания, но как сделать то же самое для вертикального :(?
Записан
*

ahalaimahalaivladimirovic

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Re: картинка в центре
« Ответ #1 : 02.06.2011, 15:03:12 »
попробуй vertical-aling
Записан
*

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
Re: картинка в центре
« Ответ #2 : 02.06.2011, 15:05:10 »
Пробовала, не работает :(
Записан
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Re: картинка в центре
« Ответ #3 : 02.06.2011, 15:21:41 »
Что за картинка? она единственное что есть на страничке? или же есть что то еще?
Записан
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Re: картинка в центре
« Ответ #4 : 02.06.2011, 15:28:29 »
Можно попробовать так
Код
<div id="aaa">
<img.......>
</div>

CSS
#aaa{
width: 100%;
height:100%;
display:table-cell;
align: center;
vertical-align: middle;
}
Записан
*

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
Re: картинка в центре
« Ответ #5 : 02.06.2011, 15:29:21 »
Да, просто маленькая картинка, а остальное  - пусто.
Записан
*

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
Re: картинка в центре
« Ответ #6 : 02.06.2011, 15:37:45 »
Спасибо, zmeyx!
Но чё-то не выравнило >:(
Записан
*

zmeyx

  • Захожу иногда
  • 144
  • 7 / 0
  • http://www.nt1.su
Re: картинка в центре
« Ответ #7 : 02.06.2011, 15:40:43 »
А у самой картинки заданы размеры конкретные?
Записан
*

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
Re: картинка в центре
« Ответ #8 : 02.06.2011, 15:49:20 »

Спасибо!

Помогло:
Код
#aaa img{
position:absolute;
top:50%;
left: 50%;
}
Получился почти центр, надо только по размерам картинки доработать.
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: картинка в центре
« Ответ #9 : 02.06.2011, 20:17:32 »
Центрирование по-вертикали и горизонтали:
Код
<body>
  <div id="fix"></div>
  <img />
</body>
Код
* {padding:0; margin:0;} /*грубый ресет*/
html, body {width:100%; height:100%; text-align:center;} /*где последнее - чисто для ie*/
#fix {height:50%;} /*эмулируем отступ ровно до середины экрана*/
img {width:800px; height:600px; margin:auto; margin-bottom:-300px; position:relative; top:-300px;} /*где 300 - ПОЛОВИНА высоты центрируемого элемента, в вашем случае картинки*/
Записан
*

sheridan

  • Захожу иногда
  • 111
  • 4 / 0
Re: картинка в центре
« Ответ #10 : 03.06.2011, 11:05:15 »
Большое спасибо, Shustry!
Картинка в центре  ^-^
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать чтоб картинка меняла масштаб вместе с ячейкой в которую вставлена?

Автор Dim

 Ответов: 7
Просмотров: 3981 		Последний ответ 02.12.2018, 23:54:36
от Dim
Почему в других браузерах картинка логотип в шаблоне протостар выходит за рамку внутреннего блока?

Автор Алишер

 Ответов: 8
Просмотров: 2104 		Последний ответ 23.12.2014, 13:55:43
от master-smeta
Своя картинка в скрипте

Автор Ragnos

 Ответов: 1
Просмотров: 1429 		Последний ответ 13.05.2014, 11:32:13
от darkghost
Как сделать, чтобы увеличивающаяся картинка накладывалась на содержимое ниже?

Автор smit1987

 Ответов: 4
Просмотров: 1736 		Последний ответ 04.04.2014, 22:21:17
от smit1987
Обрезается фоновая картинка подвала

Автор intcorp

 Ответов: 1
Просмотров: 1679 		Последний ответ 23.02.2014, 12:48:23
от intcorp