Уровнять пункты в меню

@Максим14 · Регистрация: 11.06.2012

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

Я уравнивал пункты (чтобы они располагались на одинаковом расстояние) при помощи padding, но когда я открыл в Google Chrome (перед этим я открывал в мазиле) то текст стал поменьше.

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 PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title></title>
 
        <link rel="stylesheet" href="style.css" />
 
    </head>
    <body>            
<div id="content">
 
<div class="menu">
    <a id="main" href="/">Главная</a>
    <a id="pp" href="work.html">Портфолио</a>         
    <a id="news" href="news.html">Новости</a>
    <a id="call" href="call.html">Обратная связь</a>
    </div>
 
    <br />
    
    
           
</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
* {
margin:0;
padding:0;
color: #00CC00;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}
 
body {
width:100%;
background:#efe;
}
 
#content {
width:650px;
margin:0 auto;
background:#fff;
padding:10px;
}
 
/* Texts\Paragraphs */
 
#txt
{
    font-family:Arial;
    text-align:center;
}
 
/* Images\Photos */
 
#logo
{
    padding-left:150px;
    padding-top:10px;
    width:350px;
}
 
#photos img
{    
    padding-top:10px;
    padding-left:25px;
    width:600;
}
 
/* Top Main Menu */
 
#main, #pp, #call, #news
{
    padding-left:29;
    padding-right:29;     
}
 
div.menu a
{
    color: #00CC00;
    text-decoration: none;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-family:Comic Sans;
}
 
div.menu a:active
{
    color:Green;        
    text-decoration: none;    
}
 
 
div.menu a:hover
{
    background-image: url('gifs/hover.gif');
    text-decoration: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
 
/* Design */

@bratmoon · 11.11.2012, 18:14

div.menu a {.....} попробуй оставить только .menu a {.....}

@Максим14 · 11.11.2012, 18:17 **[ТС]**

так же(

@bratmoon · 11.11.2012, 18:27

CSS
1
2
3
4
5
6
7
8
9
10
11
* {
margin:0;
padding:0;
color: #00CC00;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

Тогда попробуй здесь убрать размер текста, и проставить его только в тех блоках, где необходимо.

@Максим14 · 11.11.2012, 18:31 **[ТС]**

Не получается.. а еще, как сделать так, чтобы font-size влиял на всё кроме h1, h2, h3 и тд (ну того что я хочу)

@bratmoon · 11.11.2012, 18:45

На сколько я знаю, font-size всегда влияет на h..
font-size должен быть прописал только в блоке div .menu a тогда размер текста должен оставаться одинаковый во всех браузерах.

HTML5
1
2
3
4
5
6
7
8
<div class="menu">
    <a id="main" href="/">Главная</a>
    <a id="pp" href="work.html">Портфолио</a>         
    <a id="news" href="news.html">Новости</a>
    <a id="call" href="call.html">Обратная связь</a>
    </div>
 
    <br />

Зачем здесть этот тег <br/> после него ведь ничего не идет?

@Максим14 · 11.11.2012, 18:55 **[ТС]**

Не, будет потом) это шаблон сайта, и я так сделал для того, чтобы всё что будет внизу не сливалось с менюшкой

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@bratmoon 2 / 2 / 1 Регистрация: 29.07.2012 Сообщений: 22
	11.11.2012, 18:14
	div.menu a {.....} попробуй оставить только .menu a {.....} 0

@Максим14 2 / 2 / 0 Регистрация: 11.06.2012 Сообщений: 134
	11.11.2012, 18:17 [ТС]
	так же( 0

@Максим14 2 / 2 / 0 Регистрация: 11.06.2012 Сообщений: 134
	11.11.2012, 18:31 [ТС]
	Не получается.. а еще, как сделать так, чтобы font-size влиял на всё кроме h1, h2, h3 и тд (ну того что я хочу) 0

@Максим14 2 / 2 / 0 Регистрация: 11.06.2012 Сообщений: 134
	11.11.2012, 18:55 [ТС]
	Не, будет потом) это шаблон сайта, и я так сделал для того, чтобы всё что будет внизу не сливалось с менюшкой 0