vertival-align: middle (не работает)

TRIAL ↓

19 Июль, 2007, 05:09:58

НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 7
Сообщений: 907
Сила слова: 0.77

Привет.
Возникла проблема с выравниванием картинки по центру бокса.
Вот так выглядит DIV с картинкой:

Text

Вот стиль дива:

Text

.img_border { border: solid 1px #6b7b84;
width: 105px;
height: 90px;
text-align: center;
vertical-align: middle;
background-color: white; }

Размер картинки 80 на 80. По центру она выравнивается отлично.
Как эту заразу по вертикали выравнить?


	Записан

from TRIAL with LOVE

md5 ↓

19 Июль, 2007, 05:15:22 , спустя 5 минут 24 секунды

НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

с выравниванием по вертикали траблы, да..

http://htmlbook.ru/css/vertical-align.html


	Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха

md5 ↓

19 Июль, 2007, 05:17:05 , спустя 1 минуту 43 секунды

НЕ ХУЕТА! ХУЕТА!

Text

display:table-cell;
vertical-align:middle;

для IE: expression


	Записан

Timur ↓

19 Июль, 2007, 10:01:52 , спустя 4 часа 44 минуты 47 секунд

НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

по-моему можно вполне обойтись без дива. Для этого можно воспользоваться преимуществами блочной модели css

Text

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
...
<style type="text/css">
img {
border:1px solid #000;
width:80px;
height:80px;
padding:5px 12px;
}
</style>
...
<img />

отступ от рамки определяется padding'ом.
!DOCTYPE обязателен - только это заставит IE работать по стандартам. Иначе же padding будет "включен" в width и height и отступа не будет.


	Записан

TRIAL ↓

20 Июль, 2007, 11:21:47 , спустя 13 часов 19 минут 55 секунд

НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 7
Сообщений: 907
Сила слова: 0.77

Ясно, либо оставлю как есть, либо эти чертовы картинки сделаю задним фоном и там то их выровню как мне нужно.
В любом случае спасибо.

PS. Мля, когда уже наконец сделают, что все стили будут работать нормально.


	Записан

from TRIAL with LOVE

Страниц: [1]

Печать

« предыдущая тема следующая тема »

	Автор	Тема: vertival-align: middle (не работает) (Прочитано 1909 раз)
0 Пользователей и 1 Гость смотрят эту тему.