пропадает меню

@Vladislav719 · Регистрация: 19.03.2013

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

как должно быть
как становится после добавления в код вот этого

CSS
1
2
3
4
5
6
7
8
9
10
ul{
font-family: Arial;
font-size: 14px;
margin: 14px 0 0 0;
 
}
 
li{
display: inline;
}

сам код

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
* {
margin : 0 auto;
padding : 0;
outline : none;
}
html {
background: url(img/b2g.png) no-repeat;
color : #111;
width : 100%;
height : 100%;
}
body {
height: 65px;
width : 906px;
background : #fff;
}
.head {
width: 100%;
background : url(img/header.jpg)  no-repeat center;
height : 200px;
margin: 5px 0px;
}
.menu{
background : #444;
height: 35px;
margin: 5px 0px;
text-align: center;
font-size: 13px;
font-weight: bold;
padding: 7px 0px 9px 0px;
color: #ddd;
}
 
 
.menu a{
color: #fff;
margin: 0px 6px;
}
 
.menu a:hover{
color: #bbb;
}
 
.content{
background: #D1D0B7;
margin: 5px 5px;
padding: 10px 20px;
min-height: 550px;
 
}
 
.footer{
background : url(img/fod.jpg);
height: 160px;
margin: 5px 0px;
}
 
 
/*.menu_left{
float: left;
width: 150px;
background: #888;
height: 400px;
padding: 10px 10px;
}*/
 
.content_center{
display: table;
padding: 15px 20px;
}
 
#navigation{
width: 552;
min-height: 43;
background: url(img/nav1.png) no-repeat;
margin: 25px auto;
}
/*
ul{
font-family: Arial;
font-size: 14px;
margin: 14px 0 0 0;
 
}
 
li{
display: inline;
}*/
 
 
 
 
 
.videominiaturas img {
filter:alpha(opacity=70); 
opacity:0.7;
border-radius: 5px;
border: 1px solid #555;
height: 55px;
margin: 0 2px;
padding: 5px;
width: 70px;}
 
.videominiaturas img:hover {
filter: alpha(opacity=100); 
opacity: 1;}

@Vladislav719 · 22.06.2013, 18:16 **[ТС]**

половина меню просто пропадает! wtf? вроде не должно быть так

Добавлено через 3 минуты
пока что выяснил что дело только в этом, то есть после добавления вот этого

CSS
1
2
3
li{
display: inline;
}

начинается проблема сабжа
сам html code

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
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset=utf-8>
<link href="styles.css" type="text/css" media="screen" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
</head>
<body>
 
<div class="head">
 
 </div>
 
<div id="navigation"> 
    <ul>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Главная</a></li>
        <li><a href="#">Главная</a></li>
    </ul>   
</div>
 
<div class="content"> 
 
 
 
<div class="content_center">
test test test test test test test testtest test test testtest testst test testtest test test testtest test tes
test test test test test test test testtest test test testtest test test testtest test test testtest test test testtest test tes
test test test test test test test testtest test test testtest test test testtest test test testtest test test testtest test tes
</div>
 
</div>
 
<div class="footer"> 
 
</div>
 
 
 
</body>
</html>

Добавлено через 17 минут
все ребят решил проблему ошибся в коде немного

@sima4832 · 22.06.2013, 22:31

Правильно вы выяснили. Свойство display : inline; располагает список горизонтально просто запишите в коде .css

Code
1
2
3
#redbarr li {
list-style-type : none;
}

Это добавляется, чтобы убрать точки напротив списка.
Примечание redbarr в данном случае у меня, у вас может быть другое название.

Новые блоги и статьи Все статьи Все блоги /
Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор значений справочника Maks 21.03.2026 Установка программного отбора значений справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .

пропадает меню

Решение