Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Vovaermolenko
1

Выпадающее меню не получается, какой-то баг SOS

20.05.2014, 21:37. Показов 499. Ответов 1
Метки нет (Все метки)

Помогите пожалуйста, пытаюсь писать меню для сайта. Все получилось, а сделать выпадающий список - нет. Может кто шарит как исправить? Выпадать должно на пункте "Обучение", а то глаза уже слезятся ничего не могу сделать(

CSS
CSS
1
2
3
4
5
6
7
8
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("../images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("../images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("../images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../images/topMenuImages.png") 100% -90px no-repeat;}
HTML
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/stylesheet.css" />
</head>
 
<body>
<ul class="menu">
  <li><a href="#"><span>О Nail Guru</span></a></li>
  <li><a href="#"><span>Об Авторе</span></a></li>
  <li>
                <a href="#"><span>Обучение</span></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="#"><span>Календарь</span></a></li>
  <li><a href="#"><span>Отзывы</span></a></li>
  <li><a href="#"><span>Трудоустройство</span></a></li>
  <li><a href="#"><span>Блог</span></a></li>
  <li><a href="#"><span>Партнёры</span></a></li>
  <li><a href="#"><span>Контакты</span></a></li>
</ul>
</body>
</html>

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.05.2014, 21:37
Ответы с готовыми решениями:

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

Не получается сверстать вертикальное выпадающее меню
Добрый день. Я заранее извиняюсь за глупый вопрос. Проблема вот в чем. Я написал html-код для...

Выпадающее меню. Не фиксируется бордер раздела меню, при использовании подменю
Делаю выпадающее меню, почти все сделал, осталось по сути немного, и не могу закончить. Вот код:...

Выпадающее меню - разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: &quot;как сделать чтобы в надписи буквы1 был шрифт 19px, а...

1
53 / 53 / 28
Регистрация: 23.04.2011
Сообщений: 214
21.05.2014, 10:10 2
Здесь пример реализации, думаю стоит использовать...
http://www.puzzleweb.ru/css/15_navbar.php
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
21.05.2014, 10:10

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Как прикрепить выпадающее меню к названию в основном меню
Здравствуйте. Сейчас на сайте есть вертикальное меню, и при наведении на какой-либо его пункт,...

Sos! не получается исследовать на сходимость первые 5 примеров(

SOS: циклится меню
Циклится главное меню после выполнения редактирования инфополя (мб и у других кейсов есть, не...

Выпадающее меню
Добрый день ! Я новичок. Что то неполучается у меня с JS. Посмотрите, может что не так делаю. ...

Выпадающее меню
Доброго дня! Выпадающее меню читается из таблицы, как сделать так, что бы при выборе из...

Выпадающее меню
Создаю выпадающее меню с помощью java script &lt;script type=&quot;text/javascript&quot;&gt;...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.