Высота ячейки пляшет

163

мартышон

26 февраля 2007, 17:19

583

Прописываю в таблице высоту ячейки меню, но браузер не реагирует, выставляет высоту по-своему. Если на странице много текста, то увеличивает высоту, если мало - уменьшает. Что это за глюк такой и как с ним бороться? Код вот так выглядит:

<tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='001.html'" style="cursor: pointer"><A class=a1 HREF="001.html">ссылка 1</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='002.html'" style="cursor: pointer"><A class=a1 HREF="002.html">ссылка 2</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='003.html'" style="cursor: pointer"><A class=a1 HREF="003.html">ссылка 3</A></td>

</tr>

Ну и так далее...

[Удален]

26 февраля 2007, 17:26

#1

мартышон:
<tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='001.html'" style="cursor: pointer"><A class=a1 HREF="001.html">ссылка 1</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='002.html'" style="cursor: pointer"><A class=a1 HREF="002.html">ссылка 2</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='003.html'" style="cursor: pointer"><A class=a1 HREF="003.html">ссылка 3</A></td>
</tr>

Ну и так далее...

нужен полный код и код CSS где-то идёт переопределение

163

мартышон

26 февраля 2007, 17:39

#2

<!--

body{margin:0px;}

H2{color: #ffffff; text-align:center;font-size:23px;font-family:tahoma}

H3{color:#ffffff;text-align:center;font-size:20px;line-height:4px;font-family:tahoma}

a {color:#ffffff;font-size:9pt;font-weight:bold;font-family:arial; text-decoration:none;}

.a1 {color:#ffffff;font-size:9pt;font-weight:bold;font-family:arial; text-decoration:none;margin-left:11px}

.a2 {color:#4B1A1A;font-size:9pt;font-weight:bold;font-family:arial; text-decoration:none;margin-left:12px}

.txt{color:#ffffff;font-size:15px;font-weight:bold}

.txt1{color:#ffffff;font-size:12px;}

.txt2{font-style:italic;color:#4B1A1A;font-size:9pt;font-weight:bold;font-family:arial;}

.txt3{color:#4B1A1A;font-size:9pt;font-family:arial; text-decoration:none;}

.kubik{color:#994000;font-size:10pt;font-family:arial}

.txt4{line-height:19px}

.txt5{font-style:italic;line-height:17px}

p{color:#4B1A1A;font-size:9pt;font-family:arial;line-height:10px}

.td1{padding:16px}

.img{border:2px solid #994000}

.right{color: #994000;font-size:11px;font-family:arial;text-decoration:none}

-->

</style>

<body>

<tr>

</td>

</tr>

<tr>

<td width = "180" bgcolor="#CBC0AF" onclick="location.href='index.html'" style="cursor: pointer"><A class=a2 HREF="index.html">главная</A></td>

текст страницы

</p>

</td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='001.html'" style="cursor: pointer"><A class=a1 HREF="001.html">гомеопатия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='002.html'" style="cursor: pointer"><A class=a1 HREF="002.html">остеопатия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='003.html'" style="cursor: pointer"><A class=a1 HREF="003.html">гирудотерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='004.html'" style="cursor: pointer"><A class=a1 HREF="004.html">акупунктура</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='005.html'" style="cursor: pointer"><A class=a1 HREF="005.html">ароматерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='006.html'" style="cursor: pointer"><A class=a1 HREF="006.html">лечебное голодание</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='007.html'" style="cursor: pointer"><A class=a1 HREF="007.html">апитерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='008.html'" style="cursor: pointer"><A class=a1 HREF="008.html">апифитотерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='009.html'" style="cursor: pointer"><A class=a1 HREF="009.html">озонотерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='010.html'" style="cursor: pointer"><A class=a1 HREF="010.html">магнитная терапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='011.html'" style="cursor: pointer"><A class=a1 HREF="011.html">цветотерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='012.html'" style="cursor: pointer"><A class=a1 HREF="012.html">семянотерапия</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='013.html'" style="cursor: pointer"><A class=a1 HREF="013.html">закаливание</A></td>

</tr><tr>

<td height="22" bgcolor="#9F8A78" onclick="location.href='014.html'" style="cursor: pointer"><A class=a1 HREF="014.html">движение</A></td>

</tr>

<tr>

<font class = "a1">ИЗБРАННОЕ ПО ТЕМАМ:</font>

<A HREF="002.html"><font style="color:#ffffff;font-size:13px;">Остеопатия</font></A>

<br>

<A HREF="002.html"><font style="color:#ffffff;font-size:11px;font-weight:100";line-height:9px>Остеопатия - это философия, наука, искусство управления здоровьем. Это новое развивающееся направление медицины, где диагностика и лечение осуществляется руками врача... >><br></font></A>

<br>

<A HREF="007.html"><font style="color:#ffffff;font-size:13px;">Апитерапия</font></A>

<br>

<A HREF="007.html"><font style="color:#ffffff;font-size:11px;font-weight:100";line-height:9px>Лечение пчелиным ядом на сегодняшний день используется в 170 странах мира. Наибольшего развития апитерапия достигла в далеко не бедных странах, таких как США, Германия, Франция, Япония, где существует избыток фармакологических средств и высокий уровень оказания медицинской помощи... >><br></font></A>

<br>

<A HREF="006.html"><font style="color:#ffffff;font-size:13px;">Лечебное голодание</font></A>

<br>

Так же как нельзя ребенку доверять спички, так же нельзя голодать человеку без наблюдения врача... >><br><br></font></A>

</div></center>

</td>

</tr>

</table></center>

</body>

Кстати, ширина правой колонки тоже дурит почему-то, пришлось распорку ставить.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Отчет о конференции User

[Удален]

26 февраля 2007, 18:04

#3

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="">
<link rel="shortcut icon" type="image/x-icon" href="">
<style type="text/css">

</style>
</head>

<body>
<center>
<table width="700" cellpadding = 0 cellspacing="3" border = 0 bgcolor="#8B7769">
<tr>
<td colspan="2" width="700" height="91">
<img src="logo.jpg" border="0" alt="">
</td>
</tr>
<tr>
<td width = "180" bgcolor="#CBC0AF" onclick="location.href='index.html'" style="cursor: pointer"><A class=a2 HREF="index.html">ãëàâíàÿ</A></td>
<td class=td1 width = "520" ROWSPAN=16 bgcolor="#CBC0AF" valign=top>
<p align = justify>
òåêñò ñòðàíèöû
</p>
<img src="rasporka.gif" width = "480" height="1" border="0" alt="">
</td>
</tr><tr>
<td height="82" bgcolor="#9F8A78" onclick="location.href='001.html'" style="cursor: pointer"><A class=a1 HREF="001.html">ãîìåîïàòèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='002.html'" style="cursor: pointer"><A class=a1 HREF="002.html">îñòåîïàòèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='003.html'" style="cursor: pointer"><A class=a1 HREF="003.html">ãèðóäîòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='004.html'" style="cursor: pointer"><A class=a1 HREF="004.html">àêóïóíêòóðà</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='005.html'" style="cursor: pointer"><A class=a1 HREF="005.html">àðîìàòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='006.html'" style="cursor: pointer"><A class=a1 HREF="006.html">ëå÷åáíîå ãîëîäàíèå</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='007.html'" style="cursor: pointer"><A class=a1 HREF="007.html">àïèòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='008.html'" style="cursor: pointer"><A class=a1 HREF="008.html">àïèôèòîòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='009.html'" style="cursor: pointer"><A class=a1 HREF="009.html">îçîíîòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='010.html'" style="cursor: pointer"><A class=a1 HREF="010.html">ìàãíèòíàÿ òåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='011.html'" style="cursor: pointer"><A class=a1 HREF="011.html">öâåòîòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='012.html'" style="cursor: pointer"><A class=a1 HREF="012.html">ñåìÿíîòåðàïèÿ</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='013.html'" style="cursor: pointer"><A class=a1 HREF="013.html">çàêàëèâàíèå</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='014.html'" style="cursor: pointer"><A class=a1 HREF="014.html">äâèæåíèå</A></td>

</tr>
<tr>
<td bgcolor="#9F8A78" valign="top">
<center><img src="doctor.jpg" border="1" alt=""><br><br>
<div style="width: 94%">
<font class = "a1">ÈÇÁÐÀÍÍÎÅ ÏÎ ÒÅÌÀÌ:</font>
<br><br>
<A HREF="002.html"><font style="color:#ffffff;font-size:13px;">Îñòåîïàòèÿ</font></A>
<br>
<A HREF="002.html"><font style="color:#ffffff;font-size:11px;font-weight:100;line-height:9px">Îñòåîïàòèÿ - ýòî ôèëîñîôèÿ, íàóêà, èñêóññòâî óïðàâëåíèÿ çäîðîâüåì. Ýòî íîâîå ðàçâèâàþùååñÿ íàïðàâëåíèå ìåäèöèíû, ãäå äèàãíîñòèêà è ëå÷åíèå îñóùåñòâëÿåòñÿ ðóêàìè âðà÷à... >><br></font></A>
<br>
<A HREF="007.html"><font style="color:#ffffff;font-size:13px;">Àïèòåðàïèÿ</font></A>

<br>
<A HREF="007.html"><font style="color:#ffffff;font-size:11px;font-weight:100;line-height:9px">Ëå÷åíèå ï÷åëèíûì ÿäîì íà ñåãîäíÿøíèé äåíü èñïîëüçóåòñÿ â 170 ñòðàíàõ ìèðà. Íàèáîëüøåãî ðàçâèòèÿ àïèòåðàïèÿ äîñòèãëà â äàëåêî íå áåäíûõ ñòðàíàõ, òàêèõ êàê ÑØÀ, Ãåðìàíèÿ, Ôðàíöèÿ, ßïîíèÿ, ãäå ñóùåñòâóåò èçáûòîê ôàðìàêîëîãè÷åñêèõ ñðåäñòâ è âûñîêèé óðîâåíü îêàçàíèÿ ìåäèöèíñêîé ïîìîùè... >><br></font></A>
<br>
<A HREF="006.html"><font style="color:#ffffff;font-size:13px;">Ëå÷åáíîå ãîëîäàíèå</font></A>
<br>
<A HREF="006.html"><font style="color:#ffffff;font-size:11px;font-weight:100;line-height:9px">
Òàê æå êàê íåëüçÿ ðåáåíêó äîâåðÿòü ñïè÷êè, òàê æå íåëüçÿ ãîëîäàòü ÷åëîâåêó áåç íàáëþäåíèÿ âðà÷à... >><br><br></font></A>
</div></center>
</td>
</tr>
</table></center>
</body>

</html>

извеняюсь за кодировку

попробуй так всё работает проверяй на валидность избежишь многих ошибок

163

мартышон

26 февраля 2007, 18:53

#4

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

151

fine

26 февраля 2007, 19:13

#5

Странно, но у меня не пляшет ни в ИЕ, ни в Мозилле... изначальный код.

[Удален]

26 февраля 2007, 19:30

#6

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

я не пробовал набить много текста

попробовал понял в чём проблема надо

<tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='001.html'" style="cursor: pointer"><A class=a1 HREF="001.html">гомеопатия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='002.html'" style="cursor: pointer"><A class=a1 HREF="002.html">остеопатия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='003.html'" style="cursor: pointer"><A class=a1 HREF="003.html">гирудотерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='004.html'" style="cursor: pointer"><A class=a1 HREF="004.html">акупунктура</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='005.html'" style="cursor: pointer"><A class=a1 HREF="005.html">ароматерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='006.html'" style="cursor: pointer"><A class=a1 HREF="006.html">лечебное голодание</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='007.html'" style="cursor: pointer"><A class=a1 HREF="007.html">апитерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='008.html'" style="cursor: pointer"><A class=a1 HREF="008.html">апифитотерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='009.html'" style="cursor: pointer"><A class=a1 HREF="009.html">озонотерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='010.html'" style="cursor: pointer"><A class=a1 HREF="010.html">магнитная терапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='011.html'" style="cursor: pointer"><A class=a1 HREF="011.html">цветотерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='012.html'" style="cursor: pointer"><A class=a1 HREF="012.html">семянотерапия</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='013.html'" style="cursor: pointer"><A class=a1 HREF="013.html">закаливание</A></td>
</tr><tr>
<td height="22" bgcolor="#9F8A78" onclick="location.href='014.html'" style="cursor: pointer"><A class=a1 HREF="014.html">движение</A></td>

</tr>

данный кусок заключить в отдельную таблицу в ячейки общей таблицы и выровнять по верхнему краю и соответственно уменьшить ROWSPAN=16

просто давно табличной вёрской не пользовался :)

уже и забыл про правило каждый блок в отдельной таблице

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

163

мартышон

26 февраля 2007, 20:31

#7

burunduk:
Странно, но у меня не пляшет ни в ИЕ, ни в Мозилле... изначальный код.

У меня в ИЕ глючит. В Мозилле все нормально.

burunduk:
попробовал понял в чём проблема надо данный кусок заключить в отдельную таблицу в ячейки общей таблицы и выровнять по верхнему краю и соответственно уменьшить ROWSPAN=16
просто давно табличной вёрской не пользовался :)
уже и забыл про правило каждый блок в отдельной таблице

Наверное, так и придется сделать. Хотя мне казалось, что правило "каждый блок в отдельной таблице" - немножко для других случаев, для ускорения загрузки (поправьте меня, если я ошибаюсь). В данном случае наличие дополнительной таблицы наоборот слегка утяжелит код, но в любом случае это лучше, чем прыгающие ячейки меню.

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

Яндекс кобласит Быстрый сайт на WP Помощь в фильтрации ботов

Open AI тестирует память для ChatGPT

Что делать, чтобы попасть в ответы Google Bard