Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите не могу выравнять меню если вписываю в контейнер header / 5 сообщений из 5, страница 1 из 1
17.07.2013, 00:01
    #38333535
Sergigsv
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите не могу выравнять меню если вписываю в контейнер header
помогите не могу выравнять меню если вписываю в контейнер header, то меню становиться выше картинки header, он все равно имеет отступ примерно в 10px, как прилепить в плотную?

Код: 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.
html, body {
min-height:100%;
width:100%;
margin:0;
padding:0;
}
body {
background:url(../img/fon.jpg) repeat center;
position:absolute;

}	


#border{
margin:0 auto;
padding:0;
border:solid 1px #339900;
width:960px;
height:100%;

}

#polosa{
margin:0;
padding:0;
background-image:url(../img/bamduk_palka.jpg);
/*background-color:#FFFFFF;*/
width:960px;
min-height:360px;
}

#header{
margin:0 auto;
padding:0;
background:url(../img/header.jpg) no-repeat;
width:930px;
min-height:360px;
}

/*#top_menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-decoration:none;

}	

#top_menu a:link, #top_menu a:visited{
color: #ff0;
}

#top_menu a:hover{
color: #f00;
}	 */


#menu_top{
margin:0 auto;
padding:0;
background-color:#ee4e28;
width:930px;
min-height:25px;
}	
#menu_top li{
float:left;
display:inline;


}

#menu_top ul{
margin-left:0px;
}

#menu_top a{

font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
text-decoration:none;
line-height:25px;
text-align:center;
display:block;
width:148px;
height:25px;
}	

#menu_top a:link, #menu_top a:visited{
color: #000000;
}

#menu_top a:hover{
background:url(../img/knopka_menu.png) no-repeat;
}




пример на сайте sushibig.ru
...
Рейтинг: 0 / 0
17.07.2013, 00:30
    #38333547
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите не могу выравнять меню если вписываю в контейнер header
Элемент UL имеет предопределенный стиль отступа сверху и снизу в 16px; легко исправить указав стиль margin:0;

Это легко посмотреть с помощью метрики в отладчике в хрома
...
Рейтинг: 0 / 0
17.07.2013, 21:54
    #38334835
Sergigsv
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите не могу выравнять меню если вписываю в контейнер header
#menu_top{
margin:0 auto;
padding:0;
Указано
...
Рейтинг: 0 / 0
18.07.2013, 01:57
    #38334969
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите не могу выравнять меню если вписываю в контейнер header
Просто замечательно что указано )

#menu_top это стиль задан для div а не для UL

div и UL это не разные контейнеры и имеют разные стили оформления
...
Рейтинг: 0 / 0
18.07.2013, 11:17
    #38335228
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
помогите не могу выравнять меню если вписываю в контейнер header
Sergigsv,

тут смотрю есть display:inline;

Хорошая статья, которая мне помогла
Загадочные отступы между инлайн-элементами
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / помогите не могу выравнять меню если вписываю в контейнер header / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]