img в div выравнивание по вертикали

rubanok · 20.06.2006, 22:40

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

Aleki Solo · 22.06.2006, 04:43

Немного не понял. Пример кода дай, которы посмотреть можно.

MasMaX · 22.06.2006, 13:06

Вроде бы всегда вот так было:

Код:

style="vertical-align:middle"

kost · 22.06.2006, 15:43

MasMaX, работает только для таблиц.

dantistus · 22.06.2006, 17:49

Знаю два варианта. Первый сейчас не вспомню, это надо в гугле копаться. Суть в том, чтобы задать блоку display:table, тогда элементы в нем можно выравнивать по вертикали. Второй - с рисуночком

Вот код:

<div style="height:100px">
[img]dot.gif[/img]
ВОТ ТУТ ТО, ЧТО НАДО ВЫРОВНЯТЬ
</div>

В div'е содержатся выравниваемые элементы. Рисунок в начале, с шириной 0, растягивается на 100% этого div'а. Остальные элементы центрируются по вретикали отновительно рисунка. Минус в том, что так выровнять можно только одну строку, если будет перенос на вторую строку, то картинки начнут прыгать. Мне кажется, в даном случае лучший выход - пользоваться таблицами до тех пор, пока 80% браузеров не будут поддерживать CSS3 (жду камня от Kost'а

)

rubanok · 22.06.2006, 19:41

Спасибо буду пробовать

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
текст по вертикали позиционировать	kre	HTML, CSS, JavaScript	0	04.10.2009 22:52
Выравнивание по высоте (вертикали)	Отшельник	HTML, CSS, JavaScript	5	28.08.2008 18:11
Выравнивание таблицы по вертикали	loop1	HTML, CSS, JavaScript	6	15.02.2007 14:06
Выравнивание по вертикали в таблице. Взгляд из Ie	Junkers	HTML, CSS, JavaScript	12	21.09.2004 12:04
Как по вертикали растянуть!	kors@r	Зал дебютантов	13	26.04.2004 20:06

20.06.2006, 22:40	#1
rubanok	нужно выравнить картинку в блоке по вертикали. сам блок строгого размера а картинки по высоте разные ....???

22.06.2006, 04:43	#2
Aleki Solo	Немного не понял. Пример кода дай, которы посмотреть можно.

22.06.2006, 13:06	#3
MasMaX	Вроде бы всегда вот так было: Код: style="vertical-align:middle"

22.06.2006, 15:43	#4
kost	MasMaX, работает только для таблиц.

22.06.2006, 17:49	#5
dantistus	Знаю два варианта. Первый сейчас не вспомню, это надо в гугле копаться. Суть в том, чтобы задать блоку display:table, тогда элементы в нем можно выравнивать по вертикали. Второй - с рисуночком Вот код: <div style="height:100px"> [img]dot.gif[/img] ВОТ ТУТ ТО, ЧТО НАДО ВЫРОВНЯТЬ </div> В div'е содержатся выравниваемые элементы. Рисунок в начале, с шириной 0, растягивается на 100% этого div'а. Остальные элементы центрируются по вретикали отновительно рисунка. Минус в том, что так выровнять можно только одну строку, если будет перенос на вторую строку, то картинки начнут прыгать. Мне кажется, в даном случае лучший выход - пользоваться таблицами до тех пор, пока 80% браузеров не будут поддерживать CSS3 (жду камня от Kost'а )

22.06.2006, 19:41	#6
rubanok	Спасибо буду пробовать