X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> CSS меню в IE, Не работает выпадающая менюшка в ослике.
LOla_mw
LOla_mw
Topic Starter сообщение 23.11.2009, 14:23; Ответить: LOla_mw
Сообщение #1


Здравствуйте.
В сущности нужна помощь. Ситуация следующая, горизонтальное выпадающее меню не работает в ослике. Сама я в js ни бум бум, даже не знаю куда его вставлять в коде :blink: Помогите пожалуйста, плизззззз
Не знаю какой код лучше повесить, всей странички или только менюшки?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 23.11.2009, 20:16; Ответить: ZiTosS
Сообщение #2


LOla, То вы говорите, что CS-меню, то на JS. Вы уже определитесь, а лучше выложите код менюшки + CSS к ней + JS к ней(если есть)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LOla_mw
LOla_mw
Topic Starter сообщение 24.11.2009, 1:42; Ответить: LOla_mw
Сообщение #3


(ZiTosS @ 23.11.2009, 19:16) *
LOla, То вы говорите, что CS-меню, то на JS. Вы уже определитесь, а лучше выложите код менюшки + CSS к ней + JS к ней(если есть)

Ну меню то css, а JS для ослика, но у меня как то криво всё это стоит. Ща покажу.
вот html
<div id="nav">
<ul class="nav">
<li><a href="weimarbavarka1.html">ГЛАВНАЯ </a>
<ul>
<li><a href="nev.html">Новости</a></li>
<li><a href="onas.html">О нас</a></li>
</ul>
</li>
<li><a href="porodi.html">ПОРОДЫ </a>
<ul>
<li><a href="bavarka1.html">Баварская <br />
гончая</a></li>
<li><a href="weimar1.html">Веймаранер</a></li>
</ul>
</li>
<li><a href="stati.html">СТАТЬИ</a>
<ul>
<li><a href="#null">Дрессировка</a></li>
<li><a href="#null">Уход и<br />
содержание</a></li>
</ul>
</li>
<li><a href="#null">ВИДЕО</a>
<ul>
<li><a href="#null">Видео <br />
дрессировки</a></li>
<li><a href="#null">Разное</a></li>
</ul>
</li>
<li><a href="#null">ГАЛЕРЕЯ</a></li>
<li><a href="deti.html">ЩЕНКИ</a>
<ul>
<li><a href="#null">Уход за щенком</a></li>
<li><a href="#null">Купить
щенка</a></li>
</ul>
</li>
<li><a href="#null">КОНТАКТЫ </a>
<ul>
<li><a href="#null">Карта сайта</a></li>
<li><a href="#null">Ссылки</a></li>
</ul>
</li>
</ul></div>


вот css
#nav{
width:980px;
height:100px;
background-image: url(html/images/fon-menu.jpg);
margin: 0;
position:relative;
z-index:3;
}

.nav ul {
  list-style: none;
  margin: 0;
  padding:0;
  float: left;
  width: 980px;
  list-style-type:none;  
}

.nav li {
  float: left;
  list-style-type:none;
  height:40px;
  position: relative;
  background: none;
}
.nav li ul {
  display: none;
}
.nav a {
  color: #FF6600;
  text-decoration: none;
  font-family:  Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  display: block;
  width: 110px;
  padding: 10px 10px 10px 20px;
  background-image: url(html/images/knopka1.gif);
  background-repeat:no-repeat;
  border:none;
  margin:0;
}  
.nav a:hover {
  color: #006600;
  background-image: url(html/images/knopka-2.gif);
  height:40;
  background-repeat:no-repeat;
  border:none;
  margin:0;
}
.nav li ul {
  display: none;
}
.nav li ul {
  display: none;
  position: absolute;
  background-color:#d3ebeb;
  padding:0;
  margin:0;
  width: 140px;
  height:40;
  border:0;
}
.nav li ul a{font-size:14px;
line-height:11px;
padding-top:10px;
padding-right:10px;
padding-bottom:21px;
padding-left:20px;

}
.nav li li a {
  width: 140px;
  height:avto;
  background:none;
}

.nav li:hover ul {
  display: block;
}

.nav li:hover,
.nav li.jshover {
   /*оформление при наведении первого уровня*/
}

.nav li:hover ul,
.nav li.jshover ul {
   /*оформление списка UL для дочерних при наведении на первый уровень*/
}

.nav li:hover li ul,
.nav li.jshover li ul {
   /*оформление дочерних*/
}

.nav li:hover li:hover ul,
.nav li.jshover li.jshover ul {
   /*оформление при наведении дочерних*/
}


а это js который я использовала, но мне кажется там что то не так. Прямо смайлика мне у вас не хватает. Везде надо ставить краснеюий.
function initPage()
{
var nav = document.getElementById("menu");
if (nav)
{
var nodes = nav.getElementsByTagName("li");
for (var i = 0; i < nodes.length; i++)
{  
   nodes[i].onmouseover = function ()
   {
    this.className += " hover";
   }
   nodes[i].onmouseout = function ()
   {
    this.className = this.className.replace(" hover", "");
   }
}
}
}
if (window.attachEvent) window.attachEvent("onload", initPage);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 24.11.2009, 14:12; Ответить: ZiTosS
Сообщение #4


LOla,
Вообщем код немного не тот. Вам надо так:
<html>
<head>
<!-- подключаем css -->

<script type="text/javascript">
function initPage()
{
var nav = document.getElementById("nav"); //находим наше меню
/* если меню нашлось*/
if (nav)
{
var nodes = nav.getElementsByTagName("li"); // отбираем все узлы с именем тега "li"
/* обходим все их в цикле */
for (var i = 0; i < nodes.length; i++)
{
/* назначаем i-му элементу обработчик при наведении */
nodes[i].onmouseover = function ()
{
this.className += " jshover"; // прибавляем в конец class " jshover"
}
/* назначаем i-му элементу обработчик при снятии наведения */
nodes[i].onmouseout = function ()
{
this.className = this.className.replace(" jshover", ""); // удаляем из class " jshover"
}
}
}
}

if (window.attachEvent) window.attachEvent("onload", initPage); // инициализируем вызов функции initPage при загрузке документа
</script>
</head>
<body>
<!-- Всё содержимое контента -->
</body>
</html>


А вообще JS код можно выность за содержимое документа. А в документе просто подключать его таким образом:
<script type="text/javascript" src="file.js"></script>

Главное правильно указать путь до файла (по этому поводу разжевывал на форуме)
И не забываем что в JS-файле должен быть только код JS, без всяких там HTML-тегов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LOla_mw
LOla_mw
Topic Starter сообщение 24.11.2009, 20:35; Ответить: LOla_mw
Сообщение #5


Мама дорогая!!!!! Заработало!!!! Не знаю как громче ещё кричать!!!! УРА УРА УРА!!!
Да Здравствует Великий ZiTosS!!!!
Безмерно вам благодарна, а то уже примерно месяц не могла с этим ни чего поделать.
Пошла учить как указывать путь к файлу.
Блин, не знаю где тут кнопка Спасибо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 24.11.2009, 23:04; Ответить: ZiTosS
Сообщение #6


LOla, Всегда пожалуйста.
p.s.: Кнопка "спасибо", если что, в левом столбце , где информация о пользователе(аватарка, группа, статус и etc.), в самом низу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LOla_mw
LOla_mw
Topic Starter сообщение 25.11.2009, 0:31; Ответить: LOla_mw
Сообщение #7


(ZiTosS @ 24.11.2009, 22:04) *
LOla, Всегда пожалуйста.
p.s.: Кнопка "спасибо", если что, в левом столбце , где информация о пользователе(аватарка, группа, статус и etc.), в самом низу.

Это та на которой написано Жалоба? :D :blink:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 25.11.2009, 0:57; Ответить: ZiTosS
Сообщение #8


LOla, Нет, чуть правее :blink:

P.s.: Тему закрываю, так как опрос решён

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
 9 malamut 3495 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
 5 CULA 3426 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
 1 ViktoriaFE 6461 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
 0 kozak199110 1669 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
 2 zaiko 1440 29.12.2020, 23:49
автор: zaiko


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 23:45

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet