Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > проблема с - vertical-align: middle

Автор: mogul82 3.4.2009, 00:35

Код


<td  background="img/18.gif" width="100" ><a href=""> <img style="vertical-align: middle;" src="20.gif" border="0"><b>Раздел о компании</b></a></td>

У меня после картинки (20.gif) только одно слово - Раздел - по центру, а слова - о компании - переносяться на др. строчку в IE.

Можно чем нить заменить этот стиль?

Автор: bars80080 3.4.2009, 00:45

ну это значит что ширина ячейки слишком маленькая, надо чем-нибудь расширить

Автор: mogul82 3.4.2009, 13:42

Да нет длины хватает, в опере же работает.

Автор: ksnk 3.4.2009, 13:48

интересно, а какой смысл указывать этот параметре для тега img?

Автор: bars80080 3.4.2009, 13:49

разные браузеры по разному читают код

Автор: ksnk 3.4.2009, 13:51

Код


<td  background="img/18.gif" width="100" ><nobr><a href=""> <img align="middle" src="20.gif" border="0"><b>Раздел о компании</b></a></nobr></td>

Может так?

Автор: mogul82 3.4.2009, 13:59

ksnk, Теперь текст чуть выше картинки, а не по центральной линии.

Автор: ksnk 3.4.2009, 14:01

mogul82, в img добавить style="position:relative:left:0;top:-3px;" - тогда он сдвинется на 3 пикселя вниз...

Автор: Nutich 3.4.2009, 18:03

А если попробовать поставить неразрывный пробел   ?