Jump to content
  • 0

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


Andreyy21
 Share

Question

Hi all!

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

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

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

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

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

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

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

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

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

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

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

Edited by Andreyy21
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

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

.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 by Bonzash
Link to comment
Share on other sites

  • 0

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

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

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy