Спрятать подменю

@adamenko · Регистрация: 20.06.2012

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
<td width="200px">
            <ul>
                <li><a href="index.html">Главная</a></li>    
                <li><a href="glavnay.html">Об авторах</a>
                    <ul><a href="glavnay.html">Об авторах</a></ul>
                    <ul>sss</ul>
                </li>   
                
                        
            </ul>
        </td>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
li{
color: red;
list-style-type: none;
}
 
#menu2 ul{
display:none;
}
a{
text-decoration:none;
}
a:hover {
color:green;
}

Подскажите как спрятать подменю?

@StopSmell · 25.11.2012, 20:33

CSS
1
2
3
ul ul {
   display: none;
}

@adamenko · 26.11.2012, 08:26 **[ТС]**

ошибся
как спрятоть я сделал,а вот при наведение на ссылку чти бы появлялись под меню,вот это подскажите

@StopSmell · 26.11.2012, 08:46

CSS
1
2
3
li:hover ul {
    display: block;
}

@adamenko · 26.11.2012, 17:55 **[ТС]**

Подскажите как сделать - чтобы после каждого пункта в меню был отступ примерно в 2 пикселя
например есть пункт - Главная, ниже Об авторах, вот что бы между ними было расстояние 2 пикселя
вот исходник

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
<html>
<head>
<title>Сайт за 1 час</title>
<link href="staly.css" type="text/css" rel="stylesheet">
</head>
 
 
<table border=1px width=80% align="center">
    <tr align="center">
        <td colspan="3"><img src="img/i.jpg" width=100% height="200px"></td>
    <tr>
    
    <tr>
        <td width="200px">
          <div id="menu">   
            <ul>
              <div id="menu2">
               <li class="green"><a href="index.html"><div id="glav">Главная</div></a></li>  
                <li><a href="glavnay.html">Об авторах</a>
                    <ul><a href="glavnay.html">11111</a></ul>
                    <ul><a href="glavnay.html">sss</a></ul>
                    <ul><a href="glavnay.html">11111</a></ul>
                    <ul><a href="glavnay.html">sss</a></ul>
                </li>   
 
                <li><a href="glavnay.html">Вторая</a>
                    <ul><a href="glavnay.html">Вторая2222</a></ul>                    
                </li>               
                        
            </ul>
            </div>
          </div>
          
        </td>
                
        <td><p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p>
        <p>BodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBodyBody<br></p> 
        
        </td>       
    <tr>
    
    <tr align="center">
        <td colspan="3"><img src="img/futer.jpg" width=100% height="200"></td>
        
    <tr>
    
</table>
 
</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
body{
background-color:#121212;
}
 
table tr td p{
font-size:14px;
}
 
p{
color: red;
}
 
li{
list-style-type: none;/*убиает маркеры*/
}
 
#menu2 ul{
display:none;
}
a{
text-decoration:none;/*уберате подчёркивание*/
}
 
#menu2 li:hover ul {
    display: block; 
}
 
#menu{
margin-top:-262px;
background-color:#d4d5d8;   
font-size:18px;
font-weight:bold; /*жирный*/
line-height:28px;/*высота подменю*/
}
 
#menu li a:hover{
font-size: 24px;
font-weight:100;/*заперет на сдвиг в меню,подменю*/
}

@Taatshi · 26.11.2012, 18:34

CSS
1
2
3
4
li{
list-style-type: none;/*убиает маркеры*/
margin-bottom: 2px;
}

@adamenko · 26.11.2012, 18:36 **[ТС]**

это я сделал,спасибо,а вот теперь бы хотел,что бы это отступ был другим цветом,ну что бы линия была между пунктами, подскажите,а то чё то не могу сделать

@Taatshi · 26.11.2012, 18:58

Тогда не маргин а бордер... Вы бы сразу писали что хотите получить...

CSS
1
2
3
4
li{
list-style-type: none;/*убиает маркеры*/
border-bottom: 2px solid #000;
}

Новые блоги и статьи Все статьи Все блоги /
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .

@adamenko 2 / 0 / 1 Регистрация: 20.06.2012 Сообщений: 95
	26.11.2012, 08:26 [ТС]
	ошибся как спрятоть я сделал,а вот при наведение на ссылку чти бы появлялись под меню,вот это подскажите 0

@adamenko 2 / 0 / 1 Регистрация: 20.06.2012 Сообщений: 95
	26.11.2012, 18:36 [ТС]
	это я сделал,спасибо,а вот теперь бы хотел,что бы это отступ был другим цветом,ну что бы линия была между пунктами, подскажите,а то чё то не могу сделать 0