Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
1 / 1 / 0
Регистрация: 21.03.2018
Сообщений: 80
1

Не привязывается вложенный тег!

17.01.2020, 20:49. Просмотров 262. Ответов 1
Метки нет (Все метки)

Добрый вечер. В пункте "Меню" есть всплывающий список(подпункты). Хотел содержимое блока "nav" передвинуть по центру. В результате передвинулись только основные пункты. Подпункты у "Меню" не передвинуть. Как можно сделать так, что эти подпункты были привязаны к пункту "Меню" и передвигались вместе с ним. Код и скриншот прилагаются:
Не привязывается вложенный тег!


HTML:
<!doctype html>
<html>
<title>Пиццерия</title>
<head>
<meta http-equiv="content-type" charset="utf-8" content="text/html">
<link rel="icon" href="image/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
<nav class="p1">
<input type="checkbox" id="1">
<label for="1">Меню</label>
<ul>
<li><a href="menu.html" target="_self" class="pizza">Пицца</a></li>
<li><a href="menu.html" target="_self" class="roll">Роллы</a></li>
<li><a href="menu.html" target="_self" class="hots">Горячее</a></li>
<li><a href="menu.html" target="_self" class="napit">Напитки</a></li>
</ul>
<a href="stocks.html" target="_self" class="stocks">Акции</a>
<a href="stocks.html" target="_self" class="about">О нас</a>

</nav>
</div>


<h2>Здесь</h2>
</body>
</html>

CSS: input {
display:none;
}
input~label {
display:inline-block;
position:ralative;
padding:10px;
border-left: 1px solid black;
width:100px;
text-align:center;
margin-right: -4px;
}
nav ul li {
list-style:none;
background-color:Snow;
padding:10px;
width:100px;
text-align:center;
margin-left:1px;
}
nav ul {
position:absolute;
margin:0;
padding:0;
}
.p1 {
background-color:Lavender;
}
#Bright {
border-right:1px solid black;
}
.stocks {
display:inline-block;
width:100px;
text-align:center;
border-left: 1px solid black;
padding:10px;
}
.about {
display:inline-block;
width:100px;
text-align:center;
border-right: 1px solid black;
padding:10px;
border-left: 1px solid black;
}
nav {
text-align: center;
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.01.2020, 20:49
Ответы с готовыми решениями:

Вложенный тег H1
Вот прочитал в другой ветке, что если код вида &lt;h1&gt;[URL=&quot;/&quot;&gt;Заголовок&lt;/a&gt;&lt;/h1&gt;, то H1 Яша не...

Парсингом XML (<тег></тег> переходит в <тег/>)
Здравствуйте. У меня такая проблема. Имею исходный файл &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;...

Как заменить тег в результате на другой тег или спец символ
Здравствуйте, может кто сталкивался с такой задачей. Парсер парсит результат между тегами &lt;p&gt;&lt;/p&gt;....

CSS при последовательности *тег A тег IMG* добавить content
Здравствуйте многоуважаемые форумчане! Нуждаюсь в помощи! Итак вопрос: Возможно ли при...

1
209 / 152 / 65
Регистрация: 18.06.2016
Сообщений: 474
17.01.2020, 23:18 2
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
input {
    display:none;
    }
    input~label {
    display:inline-block;
    position:ralative;
    padding:10px;
    border-left: 1px solid black;
    width:100px;
    text-align:center;
    margin-right: -4px;
    }   
    ul li {
    list-style:none;
    background-color:Snow;
    padding:10px;
    width:100px;
    text-align:center;
    margin-left:1px;
    }
    ul {
    position:absolute;
    margin:0;
    padding:0;
    }
    .p1 {
    background-color:Lavender;
    }
    #Bright {
    border-right:1px solid black;   
    }
    .stocks {
    display:inline-block;
    width:100px;
    text-align:center;
    border-left: 1px solid black;
    padding:10px;
    }
    .about {
    display:inline-block;
    width:100px;
    text-align:center;
    border-right: 1px solid black;
    padding:10px;
    border-left: 1px solid black;
    }
    nav {
    text-align: center;
    }
    .navMiddle {
        display: flex;
        justify-content: center;
    }
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
<!doctype html>
<html>
<title>Пиццерия</title>
<head>
<meta http-equiv="content-type" charset="utf-8" content="text/html">
<link rel="icon" href="image/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
<nav class="p1">
<input type="checkbox" id="1">
<label for="1">Меню</label>
<a href="stocks.html" target="_self" class="stocks">Акции</a>
<a href="stocks.html" target="_self" class="about">О нас</a>
</nav>
</div>
<div class="navMiddle">
    <ul>
    <li><a href="menu.html" target="_self" class="pizza">Пицца</a></li>
    <li><a href="menu.html" target="_self" class="roll">Роллы</a></li>
    <li><a href="menu.html" target="_self" class="hots">Горячее</a></li>
    <li><a href="menu.html" target="_self" class="napit">Напитки</a></li>
    </ul>
</div>
</body>
</html>
tak?

Добавлено через 23 секунды
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
input {
    display:none;
    }
    input~label {
    display:inline-block;
    position:ralative;
    padding:10px;
    border-left: 1px solid black;
    width:100px;
    text-align:center;
    margin-right: -4px;
    }   
    ul li {
    list-style:none;
    background-color:Snow;
    padding:10px;
    width:100px;
    text-align:center;
    margin-left:1px;
    }
    ul {
    position:absolute;
    margin:0;
    padding:0;
    }
    .p1 {
    background-color:Lavender;
    }
    #Bright {
    border-right:1px solid black;   
    }
    .stocks {
    display:inline-block;
    width:100px;
    text-align:center;
    border-left: 1px solid black;
    padding:10px;
    }
    .about {
    display:inline-block;
    width:100px;
    text-align:center;
    border-right: 1px solid black;
    padding:10px;
    border-left: 1px solid black;
    }
    nav {
    text-align: center;
    }
    .navMiddle {
        display: flex;
        justify-content: center;
    }
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
<!doctype html>
<html>
<title>Пиццерия</title>
<head>
<meta http-equiv="content-type" charset="utf-8" content="text/html">
<link rel="icon" href="image/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
<nav class="p1">
<input type="checkbox" id="1">
<label for="1">Меню</label>
<a href="stocks.html" target="_self" class="stocks">Акции</a>
<a href="stocks.html" target="_self" class="about">О нас</a>
</nav>
</div>
<div class="navMiddle">
    <ul>
    <li><a href="menu.html" target="_self" class="pizza">Пицца</a></li>
    <li><a href="menu.html" target="_self" class="roll">Роллы</a></li>
    <li><a href="menu.html" target="_self" class="hots">Горячее</a></li>
    <li><a href="menu.html" target="_self" class="napit">Напитки</a></li>
    </ul>
</div>
</body>
</html>
tak?
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.01.2020, 23:18

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

Зачем тег <code>, если есть тег <pre>?
Доброго времени суток, друзья. Не могу понять зачем тег &lt;code&gt;? Описалово в инете читал - не...

Как вывести из текстовой базы тег h1 в тег title ?
Такое дело, у меня сайт написан на php верх идёт отдельно verh.php в нем в title прописано &lt;? echo...

Вложенный запрос вернул больше одного значения Это запрещено, когда вложенный запрос следует после =, !=, <
Здравствуйте,проблема вот в чем,при добавление записи в таблицу,первая запись добавляется,а при...

Вложенный запрос вернул больше одного значения Это запрещено, когда вложенный запрос следует после =, !=, <, <
Здравствуйте,проблема вот в чем,при добавление записи в таблицу,первая запись добавляется,а при...


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

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

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