Перейти к содержимому


Выпадающее Меню 2015


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 deasel

deasel

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 18 Февраль 2015 - 11:40

Добрый день,

прочитал http://forum.storela...ыпадающее-меню/

Создал доп.меню, переделал блок верхней навигации на этот:

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="ссылка" title="На главную">Главная</a>
</li>
<li><a href="http://supertelo906090.ru/catalog" title="В каталог продукции">Каталог</a>
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.dop-menu-katalog.links.URL}" {% IF menu.dop-menu-katalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.dop-menu-katalog.links.TITLE %}title="{menu.dop-menu-katalog.links.TITLE}"{% ENDIF %}>{menu.dop-menu-katalog.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://supertelo906090.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title="Контактная информация">Контакты</a>
</li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

и добавил в main.css

#mainmenu{
position:relative;
}
#mainmenu li{
display: block !important;
float: left;
}

#mainmenu li ul {
display: none;
left: 0;
width:200px;
position: absolute;
top: 39px;
z-index:99;
}
#mainmenu li:hover ul{display:block;}
#mainmenu li ul li{
width:200px;
padding:10px;
border-bottom:1px solid #000;
background:#999;
}

#mainmenu li ul li a{
font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif;
padding: 0px;
background:none;
}

#mainmenu li ul li a:hover{
background:none;
}

Но ничего так и не работает.
Скажите, пожалуйста, почему

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 18 Февраль 2015 - 12:45

Просмотр сообщенияdeasel (18 Февраль 2015 - 11:40) писал:

Добрый день,

прочитал http://forum.storela...ыпадающее-меню/

Создал доп.меню, переделал блок верхней навигации на этот:

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="ссылка" title="На главную">Главная</a>
</li>
<li><a href="http://supertelo906090.ru/catalog" title="В каталог продукции">Каталог</a>
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.dop-menu-katalog.links.URL}" {% IF menu.dop-menu-katalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.dop-menu-katalog.links.TITLE %}title="{menu.dop-menu-katalog.links.TITLE}"{% ENDIF %}>{menu.dop-menu-katalog.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="http://supertelo906090.ru/page/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" title="Контактная информация">Контакты</a>
</li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->

и добавил в main.css

#mainmenu{
position:relative;
}
#mainmenu li{
display: block !important;
float: left;
}

#mainmenu li ul {
display: none;
left: 0;
width:200px;
position: absolute;
top: 39px;
z-index:99;
}
#mainmenu li:hover ul{display:block;}
#mainmenu li ul li{
width:200px;
padding:10px;
border-bottom:1px solid #000;
background:#999;
}

#mainmenu li ul li a{
font: bold 12px/20px Helvetica,Tahoma,Arial,sans-serif;
padding: 0px;
background:none;
}

#mainmenu li ul li a:hover{
background:none;
}

Но ничего так и не работает.
Скажите, пожалуйста, почему

Уточните Ваш номер аккаунта

#3 deasel

deasel

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 18 Февраль 2015 - 18:08

Просмотр сообщенияMikDark (18 Февраль 2015 - 12:45) писал:

Уточните Ваш номер аккаунта
134347

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Февраль 2015 - 01:47

В коде выше у вас неправильные переменные указаны:
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.dop-menu-katalog.links.URL}" {% IF menu.dop-menu-katalog.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.dop-menu-katalog.links.TITLE %}title="{menu.dop-menu-katalog.links.TITLE}"{% ENDIF %}>{menu.dop-menu-katalog.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>

в этом цикле вы указываете сразу header2  и dop-menu-katalog должно быть что-то одно




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных