Не могу установить высоту ячеек таблици

[Andreyy21]

Hi all!

В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю.

Собственно вот он: http://www.wm-monitor.ru/

Недавно решил устроить очередную переделку. Одна из задачь была сменить его родную табличную вёрстку на блочную и перевести его на HTML 5.

В CSS я плохо розбираюсь, вот заодно решил и освоить стили.

Новую вермию сайта я выложил на субдомене: http://new.wm-monitor.ru/

И в принципе мне удалось добиться пратичиски полного сообветствия новой и старой вёрстки, за исключением таблиц.

(граници таблици я специально нарисовал, чтоб было видно проблему)

Ячейки, в которых нахобятся картинки с точками, должны иметь размер 9х9, как и размер картинки в них. И в старой вёрстке так и есть.

В новой же высота стала 13. Незнаю почему. Вытался ставить высоту в стилях, делать отрицательный поля и отступы, ставил !important, перепробывал ещё множество кастылей, но всё бестолку. В конце концов полностью избавился от css, и тоже не помогло.

Я уже 2 дня пытаюсь найти проблему, но безрезультатно.

Помогите найти корень зла.

Edited July 22, 2011 by Andreyy21

[Bonzash]

Hi all!

В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю.

Собственно вот он:

Где?

[Andreyy21]

Забыл урлы вставить :-)

[jumancy]

ссылка на сайт

[sigma77]

Andreyy21,

Попробуй задать картинкам display: block

[Bonzash]

Попробуйте так:

.box_top_line {
background:url(/templates/default/images/top_line.gif) left top repeat-x;
height:9px;
}
.box_left_line {
background:url(/templates/default/images/left_line.gif) left top repeat-y;
width:9px;
}
.box_right_line {
background:url(/templates/default/images/right_line.gif) left top repeat-y;
width:9px;
}
.box_bottom_line {
background:url(/templates/default/images/bottom_line.gif) left top repeat-x;
height:9px;
}
*{
text-align:left; 
vertical-align:top;
margin:0px;
padding:0px;
/*border:0px;*/
}

Уберите у всех классов "top" и у * уберите "vertical-align: top;".

Edited July 22, 2011 by Bonzash

[Andreyy21]

Уберите у всех классов "top" и у * уберите "vertical-align: top;"

vertical-align:top; есть только у *, не вижу смысла его дублировать.

Убрал, не помогло.

Попробуй задать картинкам display: block

Спасибо, это помогло.