EnergY2007
Newbie-
Posts
6 -
Joined
-
Last visited
EnergY2007's Achievements
Explorer (1/14)
0
Reputation
-
Горизонтальное выпадающее вверх меню на css в IE и Opera
EnergY2007 posted a question in HTML Coding
Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема: Код CSS: ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display: inline;} ul.cssMenu ul{position: absolute;left:-1px;bottom:98%;} ul.cssMenu ul ul{position: absolute;left:-2px;bottom:98%;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 0px 3px 0px; } ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { display: inline; zoom:1; position:absolute; z-index: 1000; } * HTML ul.cssMenu {position:absolute;} ul.cssMenu li { display: inline; margin:3px 0px 0px 0px; font-size:0px; } ul.cssMenu a:active, ul.cssMenu a:focus { outline-style:none; } ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { display: block; vertical-align:middle; background-color:; border-width:0px; border-color:; border-style:solid; text-align:center; text-decoration:none; padding:0px; _padding-left:0; font:normal 11px Trebuchet MS, Tahoma; color: #000000; text-decoration:none; cursor:pointer; } ul.cssMenu span{ overflow:hidden; } ul.cssMenu li { float:left; } ul.cssMenu ul li { float:left; visibility:visible; } ul.cssMenu ul a { text-align:center; white-space:nowrap; } ul.cssMenu li:hover{ position:relative; } ul.cssMenu li:hover>a{ border-style:solid; font:normal 11px Trebuchet MS, Tahoma; color: #FFFFFF; text-decoration:none; } ul.cssMenu li a:hover{ position:relative; border-style:solid; font:normal 11px Trebuchet MS, Tahoma; color: #FFFFFF; text-decoration:none; } ul.cssMenu a:hover ul{display:block} ul.cssMenu li.cssMenui0 { width:140px; } ul.cssMenu li a.cssMenui0{ font:bold 13px Arial; color:#FFFFFF; } ul.cssMenu li a.cssMenui0:hover{ color:#FF0000; } ul.cssMenu li.cssMenui1 { width:140px; text-align: left; margin-left:5px; visibility:visible; } ul.cssMenu li a.cssMenui1{ font:normal 12px Arial; color:#FFFFFF; text-align: left; } ul.cssMenu li a.cssMenui1:hover{ color:#FF0000; text-align: left; } Код HTML: <ul class="cssMenu cssMenum"> <li class=" cssMenui0"><a class=" cssMenui0" href="#">Про нас</a></li> <li style="border-left:1px solid #fff;" class=" cssMenui0"><a class=" cssMenui0" href="#">Послуги</a></li> <li style="border-left:1px solid #fff;" class=" cssMenui0"><a class=" cssMenui0" href="#">Дизайн-проект</a></li> <li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#"><span>Галерея</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class=" cssMenum" style="border-left:1px solid #fff;"> <li class=" cssMenui1" ><a class=" cssMenui1" href="#">Інтер'єри</a></li> <li class=" cssMenui1" ><a class=" cssMenui1" href="#">Візуалізації</a></li> <li class=" cssMenui1" ><a class=" cssMenui1" href="#">В роботі</a></li> <li class=" cssMenui1" ><a class=" cssMenui1" href="#">Персонал компанії</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Ремонт під ключ</a></li> <li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Контакти</a></li> <li class=" cssMenui0" style="border-left:1px solid #fff;"><a class=" cssMenui0" href="#">Партнери</a></li> </ul> Вот сайт на котором это меню, в самом низу, выпадает меню при наведении на слово Галерея Помогите пожалуйста -
Есть таблица: <table class="tabl" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="185" class="name">Наші пропозиції</td> <td width="35"><img src="img/gr_r.jpg" /></td> <td width="5"> </td> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="57%" class="name"> </td> <td width="35"><img src="img/gr_r.jpg" /></td> <td width="5"> </td> <td width="7"><img src="img/gr_l.jpg" /></td> <td width="205" class="name">Клубний форум</td> <td width="35"><img src="img/gr_r.jpg" /></td> </tr> <tr> <td colspan="3" background="img/gradient_left.jpg" height="100%" > </td> <td> </td> <td colspan="3"> </td> <td> </td> <td colspan="3" background="img/gradient_right.jpg" height="100%"> </td> </tr> </table> CSS: <style type="text/css"> html { padding:0px; margin:0px; } body { background-color: #fff; font-family: Tahoma; } .tabl { padding-left: 10px; padding-right: 10px; } .name { font-size: 14px; background:url(img/gr_c.jpg) repeat-x; color: #FFF; font-weight: bold; } </style> В Мозилле и Опере все нормально, но в ИЕ - в первом рядке таблице где идут картинки - между ними и фоном ячейки появляется пустое место. Создается такой еффект, что ИЕ не растягивает фон. Что сделать чтоб было все нормально?
-
А как одной ячейкой??? Можешь написать
-
Помогите пожалуйста вот сайт: http://sportanalytic.com. При увеличении какой-то из ячеек таблицы все начинает ехать. Например так: http://sportanalytic.com/?category=press&a..._ostannogo_turu, все справа расстянулось. Как сделать так чтобы ячейки не реагировали на размеры других и оставались постоянного размера. Вот код таблицы: <table width="1000" border="1"> <tr> <td width="500" height="400"><?php echo LastNews2(1, false, 14, 100,185); ?></td> <td width="10"> </td> <td width="240">{ads2}</td> <td width="10"> </td> <td width="240">{ads}</td> </tr> <tr> <td colspan="3" rowspan="14">{mainblock}</td> <td width="10" rowspan="14"> </td> <td width="240" height="25" bgcolor="#000000"><font color="#FFFFFF"> <b>ШВИДКИЙ ПОШУК</b></font></td> </tr> <tr> <td width="240" bgcolor="#e4eaed">{search_form} {personal_menu}</td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><a href="http://sportanalytic.com/?category=press"><font color="#FFFFFF"><b>ОГЛЯД ПРЕСИ</b></font><a></td> </tr> <tr> <td width="240" bgcolor="#e4eaed"><?php echo LastNews(5, false, 9, 50,100); ?></td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><a href="http://sportanalytic.com/?category=intervyu"><font color="#FFFFFF"><b>?НТЕРВ'Ю</b></font></td> </tr> <tr> <td bgcolor="#e4eaed"><?php echo LastNews(5, false, 15, 50,100); ?></td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><font color="#FFFFFF"><b>ТОП СТАТЕЙ</b></font></td> </tr> <tr> <td bgcolor="#e4eaed" class="mw_links2">{popular}</td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><font color="#FFFFFF"><b>ОСТАНН? КОММЕНТАР?</b></font></td> </tr> <tr> <td bgcolor="#e4eaed" class="mw_links2">{lastcomments}</td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><font color="#FFFFFF"><b>ОПИТУВАННЯ</b></font></td> </tr> <tr> <td bgcolor="#e4eaed">{voting}</td> </tr> <tr> <td width="240" height="25" bgcolor="#000000"><font color="#FFFFFF"><b>НАШ? ПАРТНЕРИ</b></font></td> </tr> <tr> <td bgcolor="#e4eaed"><? include"banner/partnery.php";?></td> </tr> </table>
-
Не надо уже сам разобрался
-
Здравствуйте. Очень нужна ваша помощь. Вот сайт:http://sportanalytic.com/. Как сделать так чтобы таблицы не ездили по странице а были прикреплены к вершине?