Gorik
-
Posts
17 -
Joined
-
Last visited
Gorik's Achievements
Explorer (1/14)
0
Reputation
-
Возможно ли как то указать браузеру что б он скажем на одну из двух таблиц стилей просто не реагировал не удаляя при этом линк ненужной таблицы ?
-
Большое спасибо все получилось ! ) но все-таки какая разница ? или это осел ? подпункты в списке должны же быть равноправны?
-
ну если можеш посмотри плис почему в ИЕ между пунктами(у которых есть подменюи соответственно фоновый рисунеок) основного меню появляэтса белая полоса! заранее благодарен )
-
yopopt ты где ? )
-
yopopt сенк насчет left: 140px; это я тож пробовал но тогда в Опере и Мозиле подменю "залазит" на меню а в ?Е все ок... но пох ?то терпимо а вот почему глючило ?Е из-за отсутсвия рисунков?
-
в мозиле и опере все отображаетса ок а вот в ие когда наводиш курсос на меню с подменю между пунктами меню и между меню и подменю появляютса непонятние отступи
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="menu.css"> <script language="JavaScript"> function startMenu() { if (document.getElementById) { nav = document.getElementById('menu'); for (i=0; i<nav.childNodes.length; i++) { node = nav.childNodes[i]; if (node.nodeName == 'LI') { node.onmouseover = function() { this.className = 'over'; } node.onmouseout = function() { this.className = ''; } } } } } </script> </head> <body onLoad="startMenu()"> <ul id=menu> <li><a style="background-image: url(img/triangle.gif)" class=brd>bsebsebserb</a> <ul> <li><a style="background-image: url(img/triangle.gif)" class=brd>drbdsbrdbsbr</a> <ul> <li><a href="about/nakaz.shtml" class=brd>srsarbserbrb</a></li> <li><a href="about/statut.shtml" class=brd>srbsrbb</a></li> <li><a href="about/kerivn.shtml" class=brd>btftbdrbdbr</a></li> <li><a href="java script:ShowStructure()" class=brd>wewewewwew</a></li> </ul> </li> <li><a href="about/divisions.shtml" class=brd>hjh,ghj,gj,gj,</a></li> <li><a href="about/rems.shtml" class=brd>blahrthdrthrdhtr</a></li> <li><a href="about/obladn.shtml" class=brd>fummmfmufumm</a></li> <li><a href="about/newtechn.shtml" class=brd>fynfnfnfnyfnfy</a></li> <li><a href="about/history.shtml" class=brd>fynfnnfnfnynfyn</a></li> </ul> </li> <li><a href="./pers/Zmist.html" style="background-image: none" class=brd>fnyfnfnfynfynfnyfnyf</a> </li> <li><a href="strateg.shtml" style="background-image: none" class=brd>fynfnyyyyyyyyf</a> </li> <li><a href="zvern.shtml" style="background-image: none" class=brd>nfytntytyt</a></li> <li><a href="dovidk.shtml" style="background-image: none" class=brd>ryrnrytrntreytty</a></li> <li><a href="dovidk/taryf.htm" style="background-image: none" class=brd>eyneneyeyttheh</a></li> <li><a href="jobs.php" style="background-image: none" class=brd>ehthetrhrrrete</a></li> <li><a href="newsarch.php" style="background-image: none" class=brd>tehehretretert</a></li> <li><a href="sitemap.shtml" style="background-image: none" class=brd>hterhtetghethett</a></li> <li><a href="gbook/gbook.php" style="background-image: none" class=brd>ethetertherthet</a></li> <li><a href="/cgi-bin/search.cgi" style="background-image: none" class=brd>erterdes</a></li> </ul> </body> </html> В Опере и Мозиле все гуд а в ИЕ глюк... Посоветуйте че нить плис! код menu.css UL { width: 140px; list-style: none; margin: 0px; padding: 0px; font-family: Arial, sans-serif; font-size: 10pt } UL LI { position: relative } LI UL { position: absolute; display: none; top: 0px; left: 152px; z-index: 1 } LI A { display: block; width: 100%; padding: 5px; text-decoration: none; background: url(img/triangle.gif) right center no-repeat; color: #FFFFFF; border: 1px solid #003399; background-color: #003399; border-bottom: none } LI UL LI A { background-image: none; z-index: 2 } LI A:hover { color: #000000; background-color: #FFFFFF } LI:hover UL, LI.over UL { display: block } .brd { border-bottom: 1px solid #ccc } ЗЫ немного переработана менюшка bye Влад Мержевич
-
идея ок, спс
-
что именно ?? подменю отображаются значит проблема только за их отображением и ищезновэнием ??
-
мде, неужели никого это не интересует ??
-
<html> <head> <script language="JavaScript"> function startMenu() { // Проверяем, поддерживает ли текущий браузер DOM if (document.getElementById) { // Получаем объект с именем идентификатора menu nav = document.getElementById('menu'); // Пробегаемся по всем дочерним элементам нашего меню for (i=0; i<nav.childNodes.length; i++) { node = nav.childNodes[i]; // Если дочерний элемент - LI, то идем дальше if (node.nodeName == 'LI') { // При наведении курсора на пункт меню, присваиваем LI класс over node.onmouseover = function() { this.className = 'over'; } node.onmouseout = function() { // При перемещении курсора за пределы пункта убираем класс over this.className = ''; } } } } } </script> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0px; /* Нет отступов вокруг */ padding: 0px; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font-size: 11pt /* Размер названий в пункте меню */ } UL LI { position: relative /* Подпункты позиционируются относительно */ } LI UL { position: absolute; /* Подменю позиционируются абсолютно */ display: none; /* Скрываем подменю */ top: 0px; /* По высоте положение подменю исходное */ left: 179px; /* Сдвигаем подменю вправо */ z-index: 1 /* Основное меню находится ниже подменю */ } LI A { display: block; /* Ссылка как блочный элемент */ width: 100%; /* Ссылка на всю ширину пункта */ padding: 5px; /* Поля вокруг надписи */ text-decoration: none; /* Подчеркивание у ссылок убираем */ background: /* Для основных пунктов отображаем рисунок */ url(bullet.gif) /* Указываем путь к рисунку со стрелкой */ right center /* Выравниваем рисунок по центру справа */ no-repeat; /* Отменяем повторение фона */ color: #666; /* Цвет текста */ border: 1px solid #ccc; /* Рамка вокруг пунктов меню */ background-color: white; /* Белый цвет фона */ border-bottom: none /* Границу снизу не проводим */ } LI UL LI A { background-image: none; /* Для подпунктов рисунок убираем */ z-index: 2 /* Подменю располагаются выше меню */ } LI A:hover { color: maroon; /* Цвет текста активного пункта */ background-color: #f0f0f0 /* Цвет фона активного пункта */ } LI:hover UL, LI.over UL { display: block /* При выделении пункта курсором мыши отображается подменю */ } .brd { border-bottom: 1px solid #ccc /* Линия снизу */ } </style> </head> <body onLoad="startMenu()"> <!--[if IE]> <style type="text/css"> UL LI { float: left /* В браузере Internet Explorer пункты выводятся без разрывов */ } </style> <![endif]--> <ul id=menu> <li><a href=russian.html>Русская кухня</a> <ul> <li><a href=linkr1.html>Бефстроганов</a></li> <li><a href=linkr2.html>Гусь с яблоками</a></li> <li><a href=linkr3.html>Крупеник новгородский</a></li> <li><a href=linkr4.html class=brd>Раки по-русски</a></li> </ul> </li> <li><a href=ukrainian.html>Украинская кухня</a> <ul> <li><a href=linku1.html>Вареники</a></li> <li><a href=linku2.html>Жаркое по-харьковски</a></li> <li><a href=linku3.html>Капустняк черниговский</a></li> <li><a href=linku4.html class=brd>Потапцы с помидорами</a></li> </ul> </li> <li><a href=caucasus.html>Кавказская кухня</a> <ul> <li><a href=linkc1.html>Суп-харчо</a></li> <li><a href=linkc2.html>Лилибдж</a></li> <li><a href=linkc3.html>Чихиртма</a></li> <li><a href=linkc4.html class=brd>Шашлык</a></li> </ul> </li> <li><a href=asia.html style="background-image: none" class=brd>Кухня Средней Азии</a></li> </ul> </body> </html> Этот код Влада Мержевича который создает меню с вложеними подменю и работает прекрасно, но как насчет еще нескольких уровней подменю? Вопрос : код должен работать без изменений и для подменю следующих уровней то есть подменю первого подменю и тд. ведь стили должны работать и для следущих уровней LI UL ... (естественно добавить списков нада ) или для такой универсализации нужны какие то доработки?? ПС Сам пробовал создавать несколько уровней подменю но возникла проблема - эти подменю сразу же отображаютса... {...отредактировано kiD}
-
так оно и было (я же написал даже кто подсказал...) у меня возникла проблема : я взялся переработать простой сайтик страниц 15 но "красиво" оформлена то есть шапка футер и менюшка была токо главная страница а на остальные тупо переходили по ссылкам... и на этих страницах так и просилась шапка и навигация вот я и начал искать методы... первым на ум пришло на каждую страничку добавить шапку футер и меню - но это как то не рационально далее почитал об SSI (Server Side Include) почемуто не понравилось и вот подсказали про include() и код тот дали вот токо я с пхп еще токо начинаю работать вот я и разъясняю )