выравнивание картинки по центру
Страницы: 1
выравнивание картинки по центру, CSS
Какими способами можно выровнять картинку по центру ? я использую атрибут
Код
align"middle"
результат на разных браузерах разный... то выше... то ниже... есть тут гуру CSS ? smile:confused:

Код
<img src="image.png" align="middle"></img> Text


__http://img848.imageshack.us/img848/7185/unled1ep.jpg
положите её в каконибуть елемент которому width 100% и text-align:center назначьте - картинка в этом елементе выравняется по центру.
Код
<p style="text-align: center;width: 100%;">
   <img style="width: 400px; height: 287px;" src="1.jpg">
</p>
Изменено: TaRnament - 27 Мая 2011 13:08
хм.. не совсем то или я не понял... текст должен выравниватся по центру после картинки... я скинул пример на imageshack
Изменено: cv3t - 27 Мая 2011 13:24
надобыло задать вопрос как то так - Какими способами можно выровнять текст относительно картинки по центру))
div class="img">
<img height="" width="" title="" alt="" src="путь"><br>
<span class="text">текст<span>(закрть спан)
</div>

.img {
text-align: center;
}
Это под картнкой) не посмотрел
Изменено: RUPak - 27 Мая 2011 14:21
Идея такова - расположена картинка, а рядом с ней текст. Как сделать так, чтобы текст был по центру этой картинки.
Попробуйте style="vertical-align:middle"
попробовал.. в опере идеально.. FF, Chrome не совсем по центру... как быть ?
Вы блочную верстку используете?
<div class="parent">
<span>текст<span>
</div>

.parent {
background: #3399FF;
display: table-cell;
height: 200px;
vertical-align: middle;
color: #fff;
width: 400px;
}
* html .parent span { /* хак для ие6 */
display: block;
z-index: ex * pression( /* оптимизированный expression, который сработает только при загрузке страницы */
runtimeStyle.zIndex = 1,
this == ((200/2)-parseInt(offsetHeight)/2) <0 ? style.marginTop="0" : style.marginTop=(200/2)-(parseInt(offsetHeight)/2) +'px');
}
*:first-child+html .parent span { /* хак для ие7 */
display: block;
z-index: ex * pression(
runtimeStyle.zIndex = 1,
this == ((200/2)-parseInt(offsetHeight)/2) <0 ? style.marginTop="0" : style.marginTop=(200/2)-(parseInt(offsetHeight)/2) +'px');
}
Изменено: RUPak - 27 Мая 2011 14:33
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
10:59 С чего сейчас проще начать? 
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все! 
08:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 
18:58 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 
18:49 Биржи ссылок в 2026 - реально ли новичку с одним сайтом поднять копейку? 
13:09 Выбор CMS для первого блога в 2026 - реально ли новичку войти без кода? 
12:47 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
12:54 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков 
11:13 Услуги постинга в социальные сети для продвижения, индексации и увеличения социальной активности 
09:40 Swapwatch.org — Мониторинг криптовалютных обменников 
08:45 swapsfera.com 
20:37 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
19:58 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 
14:11 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
09:46 молодильные яблоки и живая вода 
08:12 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 
06:50 Ставки на супер тренды в спорте 
18:19 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
18:49 Чак Норрис ушел - 19 марта 2026, 86 лет, семья подтвердила 
17:05 Огородники