1 / 1 / 1
Регистрация: 08.03.2015
Сообщений: 127
1

Не работает выпадающее меню смены языка

17.05.2015, 17:10. Показов 2908. Ответов 7
Метки нет (Все метки)

Вопрос в том, что по такому-же принципу главное меню сайта работает как надо,а вот с языком, чтото не ладно

Если сделать так:
HTML5
1
2
3
4
5
6
7
8
9
        <section id="language">
              <ul id="drop_lang">
                  <li><a href=" "><img src="image/ru.png"> izig</a> </li>
                      <ul class="drop_lang">
                          <li><a href="index.php?lang=ru"><img src="image/ru.png"> Русский</a></li>
                          <li><a href="index.php?lang=en"><img src="image/en.png"> English</a></li>
                      </ul>
              </ul>
       </section>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#language {
    margin: 0;
    position: absolute;
    right: 30px;
}
#language li, #language ul {
    list-style: none;
    margin: 0;
}
#language a {
    text-decoration: none;
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;    
}
ul.drop_lang {
    visibility: hidden; 
    padding: 0;
}
ul#drop_lang li:hover > ul.drop_lang {
    visibility: visible;
}
то ничего не выпадает, но если крайний момент сделать так:
CSS
1
2
3
ul#drop_lang:hover > ul.drop_lang {
    visibility: visible;
}
то выпадалка работает, причем навести мышку можно не только на "заголовок" языка по умолчанию, но и на все выпадающее меню

опять-же повторюсь, по такому же принцыпу главное меню работает хорошо
(одна разница - в главном нет PHP ссылок, но думаю это не должно влиять на работу)
__________________
Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.05.2015, 17:10
Ответы с готовыми решениями:

Не работает выпадающее меню
Всем привет. Я честно в java не силен но нужно сделать было задержку в выпадении горизонтального...

Выпадающее меню в IE 6 не работает((
Попробовал примеры из инета: &lt;--file JS--&gt; startList = function() { if...

Выпадающее меню не работает
Добре здравия. Сломал уже голову с Wp. Имеется шаблон очень устраивающий, но никак не разобратся...

Не работает выпадающее меню на CSS в IE
Помогите исправить ситуацию.. Не работает выпадающее меню на CSS в IE, при наведении мышки ничего...

7
181 / 149 / 55
Регистрация: 21.07.2013
Сообщений: 959
17.05.2015, 21:20 2
попробуйте так
CSS
1
2
3
ul#drop_lang > li:hover ul.drop_lang {
    visibility: visible;
}
0
1 / 1 / 1
Регистрация: 08.03.2015
Сообщений: 127
18.05.2015, 08:54  [ТС] 3
не, так точно работать не будет
(проверил на всяк случай - не работает)
0
6 / 6 / 4
Регистрация: 15.05.2015
Сообщений: 75
Записей в блоге: 3
18.05.2015, 09:11 4
Не надо перед классами ставить тэги, css и так понимает.
Маленько не тот селектор, надо написать вот так:
CSS
1
2
3
#drop_lang li:hover ~ .drop_lang {
    visibility: visible;
}
1
1 / 1 / 1
Регистрация: 08.03.2015
Сообщений: 127
18.05.2015, 09:16  [ТС] 5
"Ура! заработало!" (с)
а что это за значок:
CSS
1
~
до сего момента не попадался, да и выпадалки работали как писал выше с
CSS
1
>
0
6 / 6 / 4
Регистрация: 15.05.2015
Сообщений: 75
Записей в блоге: 3
18.05.2015, 09:19 6
Селектор связки, связываешь нужный тебе элемент с другим. Объяснил своими словами, советую почитать лучше про него
И на заметку про селекторы: http://www.codeharmony.ru/materials/42
0
1 / 1 / 1
Регистрация: 08.03.2015
Сообщений: 127
18.05.2015, 09:19  [ТС] 7
Хм... не совсем верно и заработало, наводишь на язык - выпадает менюшка...
двигаешь мышу вниз, чтоб выбрать язык... а выпадалка прячется
пичаль

спасибо за ссылку, просветимся
0
6 / 6 / 4
Регистрация: 15.05.2015
Сообщений: 75
Записей в блоге: 3
18.05.2015, 09:21 8
Дак правильно, а ты укажи, чтобы при наведении окно оставалось.
CSS
1
.drop_lang:hover { visibility: visible; }
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.05.2015, 09:21
Помогаю со студенческими работами здесь

Не работает выпадающее меню на CSS
Пишу выпадающее меню (по клику), помогите, пожалуйста, разобраться, почему не работает (чекбокс...

Выпадающее css меню не работает в IE
Вот сайт http://markiv.cz поставил на него выпадающее меню, работате в ОПере/Мозилле, но не...

Не работает выпадающее меню, Bootstrap
Всем привет! http://topprow5.beget.tech Сверху горизонтальное меню. Пункт &quot;Проекты&quot; должен...

Почему не работает выпадающее меню?
Выпадающее меню не работает. Помогите! &lt;ul id=&quot;mainmenu&quot;&gt; &lt;ul&gt; &lt;!-- Пункт меню 1 --&gt; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru