0 / 0 / 0
Регистрация: 25.10.2014
Сообщений: 8
1

Как добавить выплывающее меню к уже готовому горизонтальному меню (не меняя дизайн горизонтального меню)?

03.01.2015, 17:59. Показов 2894. Ответов 12
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>CSS-only Menus</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="CSS-only Menus" />
        <meta name="keywords" content="beautiful, fancy, menu, navigation, css" />
     
        <link rel="stylesheet" href="css/menu7.css" type="text/css" media="screen"/>
     
    </head>
    <body>
        <h1 class="title"></h1>
        <div class="container">
        
<h2>Menu 7</h2>
        <div id="menu7">
            <ul>
                <li><a href="">
                        <span class="title">About</span>
                        <span class="text">Who we are</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Portfolio</span>
                        <span class="text">What we do</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Blog</span>
                        <span class="text">What we talk about</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Contact</span>
                        <span class="text">How to get in touch</span>
                    </a>
                </li>
            </ul>
        </div>
 
        </div>
        
    </body>
</html>
CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
*{
    margin:0px;
    padding:0px;
}
body{
    background:#000 url(../images/pattern.jpg) repeat top left;
    font-family:arial;
}
h1.title{
    width:622px;
    height:108px;
    background:transparent url(../images/title.png) no-repeat top left;
}
a.back{
    width:207px;
    height:44px;
    background:transparent url(../images/back.png) no-repeat top left;
    display:block;
    clear:both;
    float:left;
    margin-top:40px;
}
.container{
    width:950px;
}
.container h2{
    float:left;
    clear:both;
    margin:30px 10px 10px 10px;
    width:100%;
    color:#fff;
    background-color:#000;
    padding:10px;
}
 
 
 
 
 
 
#menu7 ul {
    list-style:none;
    font-family: Cambria, serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.1em;
    float:left;
    clear:both;
    margin:20px;
    border-top:2px dotted #555;
}
#menu7 ul li{
    float:left;
}
#menu7 ul li a{
    display:block;
    text-decoration:none;
    padding:10px 10px 5px 10px;
    color:#888;
    background-color:#000;
    width:170px;
}
#menu7 ul li a span{
    display:block;
}
#menu7 ul li a span.title{
    border-bottom:2px dotted #888;
}
#menu7 ul li a:hover{
    background-color:#fff;
}
#menu7 ul li a:hover span.title{
    color:#000;
    border-bottom:2px dotted #555;
}
#menu7 ul li a span.text{
    padding:0px 5px;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    background-color:#666;
    visibility:hidden;
    color:#fff;
    text-align:right;
}
#menu7 ul li a:hover span.text{
    visibility:visible;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.01.2015, 17:59
Ответы с готовыми решениями:

Добавить меню к итему меню, который уже находится в главном меню
Как можно программно добавить подменю к итему меню, который находится в главном меню? Чтобы...

Запретить выбор пункта меню, если он уже выбран в другом меню
Доброго времени суток! Помогите пожалуйста с такой задачкой: На форме 4 TPanel, к ним прикручены...

Как отключить выплывающее меню?
Не подскажите, как отключить выплывающее меню при заполнении форм (т.е. например когда при вводе...

Как задать размер горизонтальному меню,чтобы оно отображалось в браузере одинаково?
Есть меню горизонтально,сделал его через абсолютное позиционирование,в хроме норм отображается с...

12
52 / 52 / 39
Регистрация: 15.11.2014
Сообщений: 696
03.01.2015, 19:48 2
Marina1996, вы имеете в виду выпадающее меню? Если да, то вот примерно то, что должно получиться:
HTML5
1
2
3
4
5
6
7
8
9
...
<li><span>пункт меню</span>
<ul class="podpunkti">
<li><span>подпункт меню</span></li>
<li><span>подпункт меню</span></li>
...
</ul>
</li>
...
CSS
1
2
3
4
5
6
7
.podpunkti{
display:none;/*сначала нужно скрыть список*/
.../*еще стили подпунктам*/
}
... li:hover .podpunkti{
display:block; /*при наведении на пункт меню, появляются подпункты*/
}
1
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
03.01.2015, 20:19 3
вот так можно:
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS-only Menus</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="CSS-only Menus" />
<meta name="keywords" content="beautiful, fancy, menu, navigation, css" />
 
<link rel="stylesheet" href="css/menu7.css" type="text/css" media="screen"/>
 
</head>
<body>
<h1 class="title"></h1>
<div class="container">
 
<h2>Menu 7</h2>
<div id="menu7">
 <ul class="menu">
  <li class="punkt">
   <a href="">
    <span class="title">About</span>
    <span class="text">Who we are</span>
   <ul class="podmenu">
     <li class="podpunkt">podpunkt1</li>
     <li class="podpunkt">podpunkt2</li>
     <li class="podpunkt">podpunkt3</li>
     <li class="podpunkt">podpunkt4</li>
     <li class="podpunkt">podpunkt5</li>
    </ul>
   </a>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Portfolio</span>
    <span class="text">What we do</span>
    <ul class="podmenu">
     <li class="podpunkt">podpunkt1</li>
     <li class="podpunkt">podpunkt2</li>
     <li class="podpunkt">podpunkt3</li>
     <li class="podpunkt">podpunkt4</li>
     <li class="podpunkt">podpunkt5</li>
    </ul>
   </a>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Blog</span>
    <span class="text">What we talk about</span>
    <ul class="podmenu">
     <li class="podpunkt">podpunkt1</li>
     <li class="podpunkt">podpunkt2</li>
     <li class="podpunkt">podpunkt3</li>
     <li class="podpunkt">podpunkt4</li>
     <li class="podpunkt">podpunkt5</li>
    </ul>
   </a>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Contact</span>
    <span class="text">How to get in touch</span>
    <ul class="podmenu">
     <li class="podpunkt">punkt1</li>
     <li class="podpunkt">podpunkt2</li>
     <li class="podpunkt">podpunkt3_abcd</li>
     <li class="podpunkt">podpunkt4</li>
     <li class="podpunkt">punkt5</li>
    </ul>
   </a>
  </li>
</ul>
</div>
 
</div>
 
</body>
</html>
CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
*{
margin:0px;
padding:0px;
}
body{
background:#000 url(../images/pattern.jpg) repeat top left;
font-family:arial;
}
h1.title{
width:622px;
height:108px;
background:transparent url(../images/title.png) no-repeat top left;
}
a.back{
width:207px;
height:44px;
background:transparent url(../images/back.png) no-repeat top left;
display:block;
clear:both;
float:left;
margin-top:40px;
}
.container{
width:950px;
}
.container h2{
float:left;
clear:both;
margin:30px 10px 10px 10px;
width:100%;
color:#fff;
background-color:#000;
padding:10px;
}
 
 
 
 
 
 
#menu7 ul.menu {
list-style:none;
font-family: Cambria, serif;
font-size: 40px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.1em;
float:left;
clear:both;
margin:20px;
border-top:2px dotted #555;
}
#menu7 ul.menu li.punkt{
float:left;
}
#menu7 ul.menu li.punkt a{
display:block;
text-decoration:none;
padding:10px 10px 5px 10px;
color:#888;
background-color:#000;
width:170px;
}
#menu7 ul.menu li.punkt a span{
display:block;
}
#menu7 ul.menu li.punkt a span.title{
border-bottom:2px dotted #888;
}
#menu7 ul.menu li.punkt a:hover{
background-color:#fff;
}
#menu7 ul.menu li.punkt a:hover span.title{
color:#000;
border-bottom:2px dotted #555;
}
#menu7 ul.menu li.punkt a span.text{
padding:0px 5px;
font-size: 14px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
background-color:#666;
visibility:hidden;
color:#fff;
text-align:right;
}
#menu7 ul.menu li.punkt a:hover span.text{
visibility:visible;
}
 
 
ul.podmenu
{
    visibility:hidden;
    position:absolute;
    list-style-type:none;
    margin:5px 0 0 -10px;
    padding:0;
    border:none;
    background-color:#FFF;
    font-size:32px;
    width:auto;
}
 
ul.podmenu li.podpunkt
{
    padding:0 18px;
}
 
ul.podmenu li.podpunkt:hover
{
    background-color:#333;
}
 
#menu7 ul li a:hover > ul.podmenu{
    visibility:visible; 
}
1
0 / 0 / 0
Регистрация: 25.10.2014
Сообщений: 8
04.01.2015, 11:23  [ТС] 4
А почему когда я прописываю путь на другую страницу для подпункты 1, выплывающее меню исчезает?
0
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
04.01.2015, 12:10 5
ах да это мой косяк! дело в том что я изначально поместил выпадающее меню внутри тега <a></a> и все было нормально, но когда вы добавили еще одну ссылку внутри ссылки, то возникли конфликты! Одним словом так делать нельзя! Вот исправленный вариант:
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS-only Menus</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="CSS-only Menus" />
<meta name="keywords" content="beautiful, fancy, menu, navigation, css" />
 
<link rel="stylesheet" href="css/menu7.css" type="text/css" media="screen"/>
 
</head>
<body>
<h1 class="title"></h1>
<div class="container">
 
<h2>Menu 7</h2>
<div id="menu7">
 <ul class="menu">
  <li class="punkt">
   <a href="">
    <span class="title">About</span>
    <span class="text">Who we are</span>
   </a>
   <ul class="podmenu">
     <li class="podpunkt"><a src="#">podpunkt1</a></li>
     <li class="podpunkt"><a src="#">podpunkt2</a></li>
     <li class="podpunkt"><a src="#">podpunkt3</a></li>
     <li class="podpunkt"><a src="#">podpunkt4</a></li>
     <li class="podpunkt"><a src="#">podpunkt5</a></li>
   </ul>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Portfolio</span>
    <span class="text">What we do</span>
   </a>
    <ul class="podmenu">
     <li class="podpunkt"><a src="#">podpunkt1</a></li>
     <li class="podpunkt"><a src="#">podpunkt2</a></li>
     <li class="podpunkt"><a src="#">podpunkt3</a></li>
     <li class="podpunkt"><a src="#">podpunkt4</a></li>
     <li class="podpunkt"><a src="#">podpunkt5</a></li>
    </ul>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Blog</span>
    <span class="text">What we talk about</span>
   </a>
   <ul class="podmenu">
     <li class="podpunkt"><a src="#">podpunkt1</a></li>
     <li class="podpunkt"><a src="#">podpunkt2</a></li>
     <li class="podpunkt"><a src="#">podpunkt3</a></li>
     <li class="podpunkt"><a src="#">podpunkt4</a></li>
     <li class="podpunkt"><a src="#">podpunkt5</a></li>
   </ul>
  </li>
  <li class="punkt">
   <a href="">
    <span class="title">Contact</span>
    <span class="text">How to get in touch</span>
   </a>
    <ul class="podmenu">
     <li class="podpunkt"><a src="#">podpunkt1</a></li>
     <li class="podpunkt"><a src="#">podpunkt2</a></li>
     <li class="podpunkt"><a src="#">podpunkt3</a></li>
     <li class="podpunkt"><a src="#">podpunkt4</a></li>
     <li class="podpunkt"><a src="#">podpunkt5</a></li>
    </ul>
  </li>
</ul>
</div>
 
</div>
 
</body>
</html>
CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
*{
margin:0px;
padding:0px;
}
body{
background:#000 url(../images/pattern.jpg) repeat top left;
font-family:arial;
}
h1.title{
width:622px;
height:108px;
background:transparent url(../images/title.png) no-repeat top left;
}
a.back{
width:207px;
height:44px;
background:transparent url(../images/back.png) no-repeat top left;
display:block;
clear:both;
float:left;
margin-top:40px;
}
.container{
width:950px;
}
.container h2{
float:left;
clear:both;
margin:30px 10px 10px 10px;
width:100%;
color:#fff;
background-color:#000;
padding:10px;
}
 
 
 
 
 
 
#menu7 ul.menu {
list-style:none;
font-family: Cambria, serif;
font-size: 40px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.1em;
float:left;
clear:both;
margin:20px;
border-top:2px dotted #555;
}
#menu7 ul.menu li.punkt{
float:left;
}
#menu7 ul.menu li.punkt a{
display:block;
text-decoration:none;
padding:10px 10px 5px 10px;
color:#888;
background-color:#000;
width:170px;
}
#menu7 ul.menu li.punkt a span{
display:block;
}
#menu7 ul.menu li.punkt a span.title{
border-bottom:2px dotted #888;
}
#menu7 ul.menu li.punkt a:hover{
background-color:#fff;
}
#menu7 ul.menu li.punkt a:hover span.title{
color:#000;
border-bottom:2px dotted #555;
}
#menu7 ul.menu li.punkt a span.text{
padding:0px 5px;
font-size: 14px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
background-color:#666;
visibility:hidden;
color:#fff;
text-align:right;
}
#menu7 ul.menu li.punkt a:hover span.text{
visibility:visible;
}
 
ul.podmenu
{
    visibility:hidden;
    position:absolute;
    list-style-type:none;
    margin:0;
    padding:0;
    border:none;
    background-color:#FFF;
    font-size:32px;
    width:inherit;
}
 
#menu7 ul.menu li.punkt:hover > ul.podmenu{
    visibility:visible; 
}
0
0 / 0 / 0
Регистрация: 25.10.2014
Сообщений: 8
04.01.2015, 12:19  [ТС] 6
Спасибо. Выручили.
0
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
04.01.2015, 12:22 7
да не за что! обращайтесь!
0
0 / 0 / 0
Регистрация: 25.10.2014
Сообщений: 8
04.01.2015, 14:25  [ТС] 8
Извините за назойливость. Но всё равно никаких изменений. Я до этого пыталась как и вы перенести тэг а, но я вместо src писала href. Но никак(
0
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
04.01.2015, 17:05 9
Ах да это снова я туплю, ох уж эти праздники! Правильно писать href! если туда правильно записать адрес, то все будет работать! если Вы ссылаетесь на страницу своего сайта, то не забывайте указывать ее расширение, например "index.html". Или я что то не так понял? У Вас само подменю не выпадает?
0
0 / 0 / 0
Регистрация: 25.10.2014
Сообщений: 8
04.01.2015, 17:30  [ТС] 10
Все пробовала, когда адреС не прописываю, подменю выпадает, а когда начинаю прописывать адрес к подпункту то, подменю не выпадает при наведении
0
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
04.01.2015, 17:33 11
Странно, у меня все нормально. А Вы все правильно скопировали? про CSS не забыли?
0
0 / 0 / 0
Регистрация: 24.02.2015
Сообщений: 1
24.02.2015, 18:09 12
Добрый день, всем! У меня возникла та же проблема, у меня есть готовое горизонтальное меню, теперь мне надо к нему сделать выпадающее меню так чтобы не менялся дизайн основного. Я пыталась дописывать разные варианты CSS для выпадающих списков из разных уроков, но нужного результата так и не получилось, так и предложенные варианты отсюда тоже не помогли. Может я делаю что-то не правильно. Помогите, пожалуйста в решении этого вопроса.

Вот CSS моего основного меню
CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
#menu {font-family:  "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif; text-align: center;}
@media screen and (min-width: 320px) and (max-width: 800px) {
#menu {
margin: 0 auto;
width: 550px;
text-align: center;
 
}
}
 
 
 
@media screen and (min-width: 850px) and (max-width: 2000px) {
#menu {
margin: 0 auto;
width: 850px;
}
} 
 
#menu ul
 {
margin: 0; 
padding: 0; 
float: left;
 
width: 100%; 
 
} 
 
#menu ul li { display: inline; } 
#menu ul li a { 
float: left; 
color: #696969; 
padding: 5px 11px; 
text-decoration: none; 
font-size: 130%;
text-align: center;
background: #9ACD32 url(slant.gif) no-repeat top right; padding: 0px 25px 0px 10px; }
border-right: 2px solid #FFFAFA;    
 
 
#menu ul li a: visited{color: #696969; } 
#menu a:hover {color: #000;}
#menu ul li .current{ 
padding-top: 6px; 
padding-bottom: 4px; 
text-align: center;}

Это 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
<div id="menu">
<ul>
<li><a  target="_self" href="partfolio.html">Портфолио</a> 
                                        <ul>
                                        <li><a href="#">Подраздел1</a></li>
                                        <li><a href="#">Подраздел2</a></li>
                                        <li><a href="#">Подраздел3</a></li>                                        
                                         </ul>
</li>
 
<li><a  target="_self" href="cena.html">Услуги и цены</a></li>
 
<li><a  target="_self" href="rabota.html">Этапы работ</a></li>
 
<li><a  target="_self" href="mebel.html">Мебель</a></li>
 
<li><a  target="_self" href="remont.html">Строительство и ремонт</a></li>
 
<li><a  target="_self" href="statiy.html">Статьи</a></li>
 
<li><a  target="_self" href="contakt.html">Контакты</a></li>
</ul>
</div>
0
86 / 43 / 11
Регистрация: 19.10.2013
Сообщений: 157
25.02.2015, 00:35 13
Цитата Сообщение от your-sun Посмотреть сообщение
Может я делаю что-то не правильно
Возможно и не правильно...
С Вашими стилями получалась какая-то ерунда. Написал свои с нуля. Исправил немного HTML(добавил для меню и подменю отдельные классы, чтоб стили не путались. А также убрал из тега<a> "target="self"", как вещает htmlbook для таргета селф стоит по умолчанию, поэтому писать его нет смысла.)
Хотя я думаю это вряд ли получилось то, что Вам надо. Если все так сложно, то нарисуйте меню таким каким Вы его хотите видеть, а Я уже что нибудь придумаю.
В общем вот:
CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
#menu
{
    width:850px;
    margin:0 auto;
    font-family:  "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    text-align: center;
}
#menu ul.menu
{
    padding:5px;
    margin:0;
    background-color:#6C3;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
 
}
#menu ul.menu li
{
    display:inline;
    list-style:none;
    margin:0;
}
    #menu ul li a
    {
        text-decoration:none;
        color:#333;
        padding: 5px 5px 5px 7px;
        font-size:120%;
    }
    #menu ul li a:hover
    {
        background-color:#6F6;
    }
 
#menu ul.menu li ul.submenu
{
    
    visibility:hidden;
    position:absolute;
    padding:5px;
    margin:0 0 0 -5px;
    padding-top:10px;
    background-color:#6C3;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
 
}
#menu ul.menu li:hover > ul.submenu
{
    visibility:visible;
}
#menu ul.menu li ul.submenu li
{
    display:block;
    margin:3px 0;
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="menu">
<ul class="menu">
 <li><a  target="_self" href="partfolio.html">Портфолио</a> 
   <ul class="submenu">
    <li><a href="#">Подраздел1</a></li>
    <li><a href="#">Подраздел2</a></li>
    <li><a href="#">Подраздел3</a></li>                                        
   </ul>
 </li>
 <li><a href="cena.html">Услуги и цены</a></li> 
 <li><a href="rabota.html">Этапы работ</a></li>
 <li><a href="mebel.html">Мебель</a></li>
 <li><a href="remont.html">Строительство и ремонт</a></li>
 <li><a href="statiy.html">Статьи</a></li>
 <li><a href="contakt.html">Контакты</a></li>
</ul>
</div>
Для быстрой связи, моя страница ВКонтакте: https://vk.com/anton_kitochimoto_nesheret , а то последнее время Я тут редко бываю.
1
25.02.2015, 00:35
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.02.2015, 00:35
Помогаю со студенческими работами здесь

Можно ли добавить рисунок на экран к готовому меню
В школе задали написать проект, а именно игру. Вот шаблон меню. Оно работает корректно, но вопрос...

Выплывающее меню - как реализовать плавность появления
Не могу сделать плавно вытекающее меню в стиле аккардеон. Свойство transition не работает если в...

Справочник. Добавить меню для программы и перемещение по меню
Делаю справочник с пищевыми добавками с редактором. C# Консольное приложение. Можно попросить...

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


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

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

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