Likan
User-
Posts
16 -
Joined
-
Last visited
Likan's Achievements
Explorer (1/14)
0
Reputation
-
#menu_top ul li ul { position:absolute; top:37px; left:-7px ;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; border-bottom:7px solid #cc0000; white-space:nowrap; overflow:visible;} вот))))) во всем кроме 7-го ие заработало.......
-
на сколько я понял это для експлорера причем только для 6-го... подскажите плиз, может знаете, как именно все поправить(удалить все - не выход)
-
сделал выпадающее меню, на Ul li все вроде работает, но вот незадача, ширинав выпадающей подменю привязанна к ширине самого меню и ни в какую не хочет менятся в зависимости от динны пунктов подменю, в чем ошибка, подскажите плиз... #menu_top { position:relative; height:37px; background:#31343d;; width:100%; z-index:1} #menu_top ul { position:relative; margin:0 0 0 7px; padding:0; list-style:none} #menu_top ul li { position:relative;float:left; line-height:37px; margin:0 0 0 0; overflow:hidden;_behavior: url(ie6hover.htc)} #menu_top ul li:hover, #menu_top ul li.hover { overflow:visible} #menu_top ul li ul { position:absolute; top:37px; left:-7px;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; border-bottom:7px solid #cc0000; width:expression(this.parentNode.offsetWidth)} #menu_top ul li ul li { display:block; margin:0 0 0 0; float:none; overflow:visible; line-height:20px;} #menu_top a, #menu_top a:hover { font-weight:bold; color:#ffffff; font-size:13px; text-decoration:none;margin:0 9px 0 9px; } #menu_top ul li ul li a, #menu_top ul li ul li a:hover { font-size:12px; text-decoration:underline; font-weight:normal;} /*.spacer7 { height:7px; background:#cc0000; font-size:1px; line-height:1px; }* <div id="menu_top"> </div> <div id="menu_top"> <ul> <li>Меню <ul> <li>Пункт подменю</li> </ul> </li> </ul> </div> #menu_top ul li ul { position:absolute; top:37px; left:-7px ;background: url(../../img/menu_bgr.png); padding:0 0 2px 0; width:100%; border-bottom:7px solid #cc0000; width:expression(this.parentNode.offsetWidth) не помогает...
-
не ссылку дать к сожалению не могу, макет еще не завершен.....но во всех остальных работает правильно (при наведении появляется ожидаемая адекватная менюшка которая работает и никуда не сбегает при наведении)
-
не как не крутил в ней...ничего хорошего не вышло(
-
подскажите пожалуйста, по какой причине, в выпадающем меню, под эксплорером подменю при наведении мышки не выделяется а скрывается........? код в http://forum.htmlbook.ru/index.php?showtopic=18264
-
сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; padding:0; overflow:hidden; } #top_menu li:hover, #top_menu li.hover { overflow:visible; height:auto; } #top_menu a { position:relative; display:inline; color:#ffffff; text-decoration:none; height:inherit; line-height:27px; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin:0;} #top_menu li:hover a, #top_menu li.hover a {color:#ffffff;} #top_menu li:hover ul a, #top_menu li.hover ul a { line-height:23px; height:23px; color:#ffffff; white-space:nowrap; text-decoration:underline;overflow:visible; } #top_menu ul li {background:#4a4b4f; position:relative; display: block; float:none; height:auto; margin:0; padding:0; overflow: visible; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-left:8px; padding-right:7px; line-height:15px;-moz-opacity: 0.90; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.90; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.90; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */} #top_menu ul li:hover, #top_menu ul li.hover { background:#4a4b4f; } #top_menu ul li:hover a, #top_menu ul li.hover a {color:#ffffff;}
-
Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div> <div id="layer2"> Содержимое страницы </div>
-
все уже разобрался, нужно было убрать эту часть а сворачивание менюшки перекинуть в onmouseout спасибо за подсказки
-
посоветовали... а разве так делать нельзя?
-
неа, всеравно опера не видит ссылку в принцыпе, а на всех остальныхъ ссылка хоть и отображается но переход не совершается....(
-
Помогите пожалуйста, див взятый в ссылку опера ссылкой не считает и експлореру он тоже не особо по душе, как заставить их видеть его ссылкой? <a href="#" onmouseover="this.parentNode.style.backgroundImage = 'url(siteimg/rpbg.jpg)'; this.parentNode.style.backgroundRepeat = 'repeat-x'; $('#inpq').show(); return false; this.style.menunew.color = '#ffffff ';" onclick="$('#inpq').hide(); return false;" onmouseout="this.parentNode.style.backgroundImage = 'none';"> <div class="menunew" valign="middle">hfbhbhbhb</div></a>
-
В идеале должна была получится меню со скрытыми списками подменю, которые будут появлятся при наведении мышкой на тот или инной пункт меню, ну или при нажатии на онные, подскажите плиз, что делаю не так и почему сами пункты меню не кликабельные? <table width="100%" height="100%" class="menunew" border="0" cellspacing="0" cellpadding="0"> <a href="#" onclick=" document.getElementById('menuw').style.display=''; return false;" <tr> <td colspan="4" height="49">dsadsad</td> </tr> </a> <span class="smenu" id="menuw" style="display:none"> <tr class="smenu" id="v1"> <td><a href="r">dsss</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">43</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr> <tr class="smenu"> <td><a href="r">rrrrrrr</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba;text-decoration:none" href="#">3121</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">4443</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr> <tr class="smenu"> <td width="32%"><a href="r">sss</a></td> <td width="7px"></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/sl.png" align="absmiddle" /><a style="background-color:#bbb9ba;text-decoration:none" href="#">3111</a><img src="/siteimg/sp.png" align="absmiddle"/></td> <td style="min-width:45px;" width="65px;"><img src="/siteimg/orl.png" align="absmiddle" /><a style="background-color:#ff9c01;text-decoration:none" href="#">1111</a><img src="/siteimg/orp.png" align="absmiddle"/></td> </tr></span> <tr> <a href="#"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> <tr> <a href="#"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> <tr> <a href="#d"> <td height="49" colspan="4" >dsadsad</td> </a> </tr> </table> .menunew{ padding:0;margin:0;border:none; } .menunew td{ list-style-type: none; height: 39px; text-indent: 15px; margin-top: -1px; color: #ff9c00; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 15px; } .menunew a{ font-size: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; vertical-align: middle; color: #ff9c00; } .menunew td:hover, .menunew td.hover{ background: url(/siteimg/rpbg.jpg); font-weight: bold; text-indent: 15px; color: #FFFFFF; vertical-align: middle; height: 39px; text-decoration: none; } .smenu td, .smenu a,.smenu td:hover,.smenu td.hover,.smenu span{ list-style-type: none; font-size: 14px; color: #000000; text-decoration: none; text-indent: 15px; vertical-align: middle; background: transparent; font-weight: normal; height: 22px; } .smenu a{ color: Black; text-decoration: none; } .smenu a:hover{ color: Black; text-decoration: underline; font-weight: bold; }
-
как растянуть DIV на всю ширину родительского элемента?
Likan replied to Likan's question in HTML Coding
сори, я не специально, это глюк был....