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



 

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

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

Открыть тему
Тема закрыта
> Выпадающее меню, в WP
Vreg
Vreg
Topic Starter сообщение 25.6.2013, 8:34; Ответить: Vreg
Сообщение #1


Привет! Понимаю, что сегодня многие празднуют...но есть острый вопрос:

Развернуть/Свернуть
http://chelsea-fan.com/
- на сайте, в верху, я прикрутил меню выпадающее. Вот код:

Развернуть/Свернуть
<div id="menu">
<?php wp_list_pages('title_li=') ?>
</div>


Потом добавил стилей немного и CSS для того, чтобы это дело все работало. Но вот беда!

Меню работает только на главной странице. Оно не выпадает, если Вы уже перешли на любую другую страницу, которая отлична от главной!

Помогите решить эту проблему!

Сообщение отредактировал Vreg - 25.6.2013, 8:35
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kenadams
kenadams
сообщение 25.6.2013, 9:40; Ответить: kenadams
Сообщение #2


Vreg, вы в курсе, что у вас элементы <LI> помещены в <DIV>, т.е. там отсутствует <UL>, вообще я думаю это из-за этого


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vreg
Vreg
Topic Starter сообщение 25.6.2013, 11:47; Ответить: Vreg
Сообщение #3


kenadams, не понял))) в чем именно проблема)) можно подробнее?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kenadams
kenadams
сообщение 25.6.2013, 13:11; Ответить: kenadams
Сообщение #4


Вот ваше меню:
<div id="menu">
<li class="page_item page-item-252"><a href="http://chelsea-fan.com/football/">Футбол</a>
<ul class="children" style="display: none;">
    <li class="page_item page-item-261"><a href="http://chelsea-fan.com/football/league/">Турнирная таблица</a></li>
    <li class="page_item page-item-271"><a href="http://chelsea-fan.com/football/raspisanie/">Расписание</a></li>
</ul>
</li>
<li class="page_item page-item-180"><a href="http://chelsea-fan.com/club/">Челси</a>
<ul class="children">
    <li class="page_item page-item-182"><a href="http://chelsea-fan.com/club/menedzhment/">Менеджмент</a></li>
    <li class="page_item page-item-197"><a href="http://chelsea-fan.com/club/information/">Общая информация</a></li>
    <li class="page_item page-item-230"><a href="http://chelsea-fan.com/club/kontakty-klyba/">Контакты клуба</a></li>
</ul>
</li>
<li class="page_item page-item-211"><a href="http://chelsea-fan.com/karta-sajta/">Карта сайта</a></li>
</div>


а надо вот так что бы было:
<ul id="menu">
<li class="page_item page-item-252"><a href="http://chelsea-fan.com/football/">Футбол</a>
<ul class="children" style="display: none;">
    <li class="page_item page-item-261"><a href="http://chelsea-fan.com/football/league/">Турнирная таблица</a></li>
    <li class="page_item page-item-271"><a href="http://chelsea-fan.com/football/raspisanie/">Расписание</a></li>
</ul>
</li>
<li class="page_item page-item-180"><a href="http://chelsea-fan.com/club/">Челси</a>
<ul class="children">
    <li class="page_item page-item-182"><a href="http://chelsea-fan.com/club/menedzhment/">Менеджмент</a></li>
    <li class="page_item page-item-197"><a href="http://chelsea-fan.com/club/information/">Общая информация</a></li>
    <li class="page_item page-item-230"><a href="http://chelsea-fan.com/club/kontakty-klyba/">Контакты клуба</a></li>
</ul>
</li>
<li class="page_item page-item-211"><a href="http://chelsea-fan.com/karta-sajta/">Карта сайта</a></li>
</ul>


Для начала это стоит исправить...

<ul id="menu">
<?php wp_list_pages('title_li=') ?>
</ul>


Вообще странно, что у вас выводится меню именно так, обычно там присутствует <UL>


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vreg
Vreg
Topic Starter сообщение 25.6.2013, 17:41; Ответить: Vreg
Сообщение #5


kenadams, Нет проблема не в этом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Hallboy222
Hallboy222
сообщение 25.6.2013, 18:00; Ответить: Hallboy222
Сообщение #6


http://dtmvdvtzf8rz0.cloudfront.net/static...rest.js?ver=2.7
А это Ваше?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vreg
Vreg
Topic Starter сообщение 25.6.2013, 19:05; Ответить: Vreg
Сообщение #7


Hallboy222, возможно...я так точно не могу сказать) как это проверит) и где взяли)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webstudio
webstudio
сообщение 25.6.2013, 19:11; Ответить: webstudio
Сообщение #8


Попробуйте вот этот код:
HTML
Развернуть/Свернуть

<ul class="menu">
<li>
<a href="#">Главная</a>
</li>
<li>
<a href="#">Меню 1</a>
<ul>
<li>
<a href="#">Подменю 1</a>
</li>
<li>
<a href="#">Подменю 2</a>
</li>
<li>
<a href="#">Подменю 3</a>
</li>
</ul>
</li>
<li>
<a href="#">Меню 2</a>
<ul>
<li>
<a href="#">Подменю4</a>
</li>
<li>
<a href="#">Подменю 5</a>
</li>
<li>
<a href="#">Подменю 6</a>
</li>
<li>
<a href="#">Подменю7</a>
</li>
<li>
<a href="#">Подменю 8</a>
</li>
</ul>
</li>
</ul>

CSS
Развернуть/Свернуть

ul.menu {
display: inline-block;
margin: 0;
padding: 0;
}
ul.menu li {
float: left;
list-style: none;
}
ul.menu li a {
display: block;
padding: 8px 20px 10px;
text-decoration: none;
}
ul.menu li ul {
display: none;
padding-left: 10px;
}
ul.menu li:hover ul {
display: block;
position: absolute;
}
ul.menu li:hover ul li {
float: none;
}
ul.menu li:hover ul li a {
padding: 6px 0 8px;
}


--------------------
клон
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vreg
Vreg
Topic Starter сообщение 25.6.2013, 19:52; Ответить: Vreg
Сообщение #9


webstudio, не помогло..решаем дальше
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webstudio
webstudio
сообщение 25.6.2013, 20:35; Ответить: webstudio
Сообщение #10


Что именно у вас не получилось?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
клон
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 28.3.2024, 17:51
Дизайн