_Алексей_

Есть три проблемы: 1. При нажатии на пункт "Шины" снизу появляется доп. меню, но высота строки со словом "Шины" уменьшается. Надо, чтобы осталась такой-же. 2. При наведении курсора на пункты меню "Шины", сама строка "Шины" и рисунки слева также подсвечивается, нужно от этого избавиться. 3. При наведении курсора не меняется цвет текста ячейки. Как избавиться от этих проблем? <script language="JavaScript"> function MenuToggle(id1) { id2 = "div_" + id1; obj = document.getElementById(id2); a = document.getElementById('a_' + id2); if (obj.style.display == 'block') { obj.style.display = 'none'; } else { obj.style.display = 'block'; } return false; } //————————————————— function active(item) { item.style.backgroundColor='#99CC66' item.style.Color='#993300' } //————————————————— function inactive(item) { item.style.backgroundColor='#5C743D' item.style.Color='#D5EDB3' } </script> Далее... <table class="linebott" cellspacing=0 cellpadding=0 width=165 id="navigation"> <tr><td onmouseover="active(this)" onmouseout="inactive(this)" class="linebott" height=34><a href="http://mysite.ru/" class="navText">Главная</a></td></tr> <tr> <td onmouseover="active(this)" onmouseout="inactive(this)" class="linebott" height=34 onclick='MenuToggle("1");return false;'> <a class="navText" id='a_div_1' name='a_div_1'>Шины</a> <span id='div_1' name='div_1' style='display:none;'> <table cellpadding=0 cellspacing=0 border=0 > <tr valign=center> <td><img src="img1.gif"></td> <td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/SizeTrucks/'>Подбор по размеру</a></td> </tr> <tr valign=center> <td><img src="img2.gif"></td> <td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/AutoTrucks/'>Подбор по автомобилю</a></td> </tr> <tr valign=center> <td><img src="img3.gif"></td> <td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/CatalogTrucks/'>Каталог</a></td> </tr> </table> </span> </td> </tr> </table>