Здраствуйте все уважаемые форумчане
помогите пожалуйста решить вот такую проблему
первый рисунок что еимеется, второй что хочу получить.



код ниже
div находится в ячейке таблицы, "сверху" по наследству вроде никакие параметры не должны влиять.




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

в span просто так вкладывать нельзя. замени на div, разметка будет устойчивей и станет отвечать нужным правилам css



помогает?

Вроде помогло, единственное что осталось, это img прилип к верхней границе спана и ничем его не опустить, вечером попробую с дивами сделать 

Чего, пардон? ;)

По сабжу, должен помочь vertical-align: middle, плюс можно поиграться с line-height. И хорошо бы задать для span-ов display:inline-block, т.к. паддинги для инлайнового элемента — слишком уж ненадежная вещь...

Это сообщение отредактировал(а) SelenIT - 9.2.2010, 03:07

Скорее vertical-align:text-bottom

просмотрел. показалось, что span в span'е, первый тогда должен был закрыться (насколько помню)

bars80080, нет, как раз у спанов никакой магии нет, это самый нейтральный строчный элемент. В них только блочного ничего вкладывать нельзя, а строчного, включая другие спаны — сколько угодно.

vertical align тут не поможет, он опускает/подымает текст поспорительно центральной горизонтальной линии текста, но никак не div элемента. Решил все достаточно просто, просто поместил рисунок в backgraund image. И выровнял с помощью position  

По высоте контейнера, в общем случае, он действительно не центрирует. Но если текст заведомо состоит из одной строки — можно сделать высоту этой строки (line-height) равной высоте контейнера, и свести задачу к уже решенной ;)