• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Выравнивание картинки по центру
Выравнивание картинки по центру
SHEELEKS
Сообщений: 3
Репутация: 0

Сообщение # 1 | 02:12:17
Привет! Подскажите пожалуйста как выровнять картинку по центру страницы?

Цитата
<img src="/Mail.png" align="center">
Это почему-то не работает.
XUTMAH
Сообщений: 136
Репутация: 1
Уровень замечаний:

Сообщение # 2 | 02:47:36
  этот тег это пробел. Перед вашей картинкой поставьте их сколько надо пробелов. А там сами уже к середине выведите. Если помог + в репутацию

Добавлено (02 Мар 2014, 02:46:18)
---------------------------------------------
  вот это пробелы. Я забыл написать. Вот эти теги ставь

Добавлено (02 Мар 2014, 02:47:36)
---------------------------------------------
& nb sp; только без пробелов. Я сразу готовым не могу добавить. Он вместо тега уже пробел ставит

wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 3 | 04:25:44
SHEELEKS,
Цитата
Подскажите пожалуйста как выровнять картинку по центру страницы?
Это почему-то не работает.

Вот так в любом из вариантов будет работать 100% biggrin
Код
<img src="/Mail.png" style="text-align: center;">

Либо
Код
<div align="center"><img src="/Mail.png"></div>

Или другой вариант:
html код
1)
Код
<div class="imgCenter">
        <img src="/Mail.png">
</div>

2)
Код
<img src="/Mail.png" class="imgCenter"> */ уже без точки /*

Ну а это в css
Код
.imgCenter { text-align:center;}

И последний вариант это:
CSS
Код
.imgCenter{margin: 0 auto;}

HTML
Код
<img src="/Mail.png" class="imgCenter">

В данном примере нужные свойства назначены именно самой картинке – отступы margin будут формироваться автоматически (равными слева и справа). Можете использовать любой их этих вариантов, однако в обоих случаях вы должны быть уверены, что ширина родительского элемента позволяет выровнять по центру дочерний элемент.
Удачи!!!

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Сообщение отредактировал rem-31 - Воскресенье, 02 Мар 2014, 04:55:22
Нимфадора
Сообщений: 3010
Репутация: 494

Сообщение # 4 | 11:36:23
Код
<div align="center"><img border="0" align="absmiddle" src="/Mail.png"></div>

кстати без ссылки на сайт вам уже погадали. без нее сложно решить что у вас там и как.

Гадаю по фотографии! Спасибо в репутацию)) Платные услуги не дорого
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 5 | 12:42:03
Цитата Нимфадора ()
кстати без ссылки на сайт вам уже погадали.
Ну это я ему на выбор, что больше понравится.
Цитата Нимфадора ()
без нее сложно решить что у вас там и как.
Некоторые думают что мы здесь всевидящие и экстрасенсы.... biggrin biggrin biggrin

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Нимфадора
Сообщений: 3010
Репутация: 494

Сообщение # 6 | 12:46:26
Цитата rem-31 ()
Ну это я ему на выбор, что больше понравится.
Лучше точно советовать. Так только запутаете. Там все правильно, но слишком много вариантов.

Цитата rem-31 ()
Некоторые думают что мы здесь всевидящие и экстрасенсы....
ага

Гадаю по фотографии! Спасибо в репутацию)) Платные услуги не дорого
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 7 | 12:55:39
Цитата Нимфадора ()
Так только запутаете. Там все правильно, но слишком много вариантов
Ну а что делать если ссылку не дают??? Тут уж на выбор теперь. Одним словом как больше понравится самому.. Я бы на месте его, поставил один код в стили и потом просто если нужно, добавлял class="..." в код картинки или еще чего-нибудь

Добавлено (02 Мар 2014, 12:55:39)
---------------------------------------------
Нимфадора, Так этот же код отвечает только за относительное выравнивание картинки по центру к тексту или элементу align="absmiddle"
Я например всегда прописываю так <img src="картинка" style="margin-bottom:-3px;"> и потом просто тупо подгоняю размером под выравнивание к тексту, так как - absmiddle, так как не во всех браузерах отображается правильно

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Сообщение отредактировал rem-31 - Воскресенье, 02 Мар 2014, 12:59:44
Сообщество uCoz » Архивариус » Корзина » Выравнивание картинки по центру
  • Страница 1 из 1
  • 1
Поиск: