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

@Marina1996 · Регистрация: 25.10.2014

Студворк — интернет-сервис помощи студентам

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;
}

@Mikhail Shell · 03.01.2015, 19:48

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; /*при наведении на пункт меню, появляются подпункты*/
}

@KitoChimoto · 03.01.2015, 20:19

вот так можно:

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; 
}

@Marina1996 · 04.01.2015, 11:23 **[ТС]**

А почему когда я прописываю путь на другую страницу для подпункты 1, выплывающее меню исчезает?

@KitoChimoto · 04.01.2015, 12:10

ах да это мой косяк! дело в том что я изначально поместил выпадающее меню внутри тега <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; 
}

@Marina1996 · 04.01.2015, 12:19 **[ТС]**

Спасибо. Выручили.

@KitoChimoto · 04.01.2015, 12:22

да не за что! обращайтесь!

@Marina1996 · 04.01.2015, 14:25 **[ТС]**

Извините за назойливость. Но всё равно никаких изменений. Я до этого пыталась как и вы перенести тэг а, но я вместо src писала href. Но никак(

@KitoChimoto · 04.01.2015, 17:05

Ах да это снова я туплю, ох уж эти праздники! Правильно писать href! если туда правильно записать адрес, то все будет работать! если Вы ссылаетесь на страницу своего сайта, то не забывайте указывать ее расширение, например "index.html". Или я что то не так понял? У Вас само подменю не выпадает?

@Marina1996 · 04.01.2015, 17:30 **[ТС]**

Все пробовала, когда адреС не прописываю, подменю выпадает, а когда начинаю прописывать адрес к подпункту то, подменю не выпадает при наведении

@KitoChimoto · 04.01.2015, 17:33

Странно, у меня все нормально. А Вы все правильно скопировали? про CSS не забыли?

@your-sun · 24.02.2015, 18:09

Добрый день, всем! У меня возникла та же проблема, у меня есть готовое горизонтальное меню, теперь мне надо к нему сделать выпадающее меню так чтобы не менялся дизайн основного. Я пыталась дописывать разные варианты 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>

@KitoChimoto · 25.02.2015, 00:35

Сообщение от 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 , а то последнее время Я тут редко бываю.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Marina1996 0 / 0 / 0 Регистрация: 25.10.2014 Сообщений: 8
	04.01.2015, 11:23 [ТС]
	А почему когда я прописываю путь на другую страницу для подпункты 1, выплывающее меню исчезает? 0

@Marina1996 0 / 0 / 0 Регистрация: 25.10.2014 Сообщений: 8
	04.01.2015, 12:19 [ТС]
	Спасибо. Выручили. 0

@KitoChimoto 86 / 43 / 11 Регистрация: 19.10.2013 Сообщений: 157
	04.01.2015, 12:22
	да не за что! обращайтесь! 0

@Marina1996 0 / 0 / 0 Регистрация: 25.10.2014 Сообщений: 8
	04.01.2015, 14:25 [ТС]
	Извините за назойливость. Но всё равно никаких изменений. Я до этого пыталась как и вы перенести тэг а, но я вместо src писала href. Но никак( 0

@KitoChimoto 86 / 43 / 11 Регистрация: 19.10.2013 Сообщений: 157
	04.01.2015, 17:05
	Ах да это снова я туплю, ох уж эти праздники! Правильно писать href! если туда правильно записать адрес, то все будет работать! если Вы ссылаетесь на страницу своего сайта, то не забывайте указывать ее расширение, например "index.html". Или я что то не так понял? У Вас само подменю не выпадает? 0

@Marina1996 0 / 0 / 0 Регистрация: 25.10.2014 Сообщений: 8
	04.01.2015, 17:30 [ТС]
	Все пробовала, когда адреС не прописываю, подменю выпадает, а когда начинаю прописывать адрес к подпункту то, подменю не выпадает при наведении 0

@KitoChimoto 86 / 43 / 11 Регистрация: 19.10.2013 Сообщений: 157
	04.01.2015, 17:33
	Странно, у меня все нормально. А Вы все правильно скопировали? про CSS не забыли? 0