Изменить стиль текта в меню ?

@MAKS116 · Регистрация: 12.08.2012

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

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
*{
    margin:0;
    padding:0;
}
#menu{
    
    width:100%;
    height:40px;
    background: url(../image/fm_menu_bg.jpg) repeat-x;
}
    #menu ul{
        
        width:96%;
        margin:0 auto;
        list-style:none;
    }
        #menu li{
            
            list-style:none;
            display:block;
            float:left;
            font-size:11px;
            font-weight:bold;
            height:40px;
            line-height:40px;
            margin:0 5px;
        }
            #menu li a{
                font-weight:bold;
                font: Arial, Helvetica, sans-serif;
                
                float:left;
                height:40px;                
                color:#333333;
                text-decoration:none;
                font-size:15px;
                padding:0 20px;             
            }
                #menu li a:hover{
                        
                    background: url(../image/fm_hover_bg.jpg) repeat-x;
                    color:#fff;
                }
                    #menu li a:hover span, #menu li .current span{
                        
                        background: url(../image/fm_hover_bg.jpg) no-repeat top;
                        height:40px;
                        display:block;
                        float:left;
                    }
                    #menu li .current{
                        
                        display:block;
                        float:left;
                        height:40px;                
                        background: url(../image/fm_hover_bg.jpg) repeat-x;
                        color:#fff;
                        text-decoration:none;
                        font: Arial, Helvetica, sans-serif;
                        
                        font-size:15px;
                        padding:0 20px;     
                    }

HTML5
1
2
3
4
5
6
7
8
9
<div id="menu">
    <ul>
        <li><a href="#" class="current"><span>Home</span></a></li>
        <li><a href="#"><span>About us</span></a></li>
        <li><a href="#"><span>Services</span></a></li>
        <li><a href="#"><span>Solutions</span></a></li>
        <li><a href="#"><span>Contact us</span></a></li>                                
    </ul>
</div>

Добавлено через 7 минут
пробовал /* font: Arial, Helvetica, sans-serif; */ не получается браузеры ставят свой стиль как изменить или почему не меняется ?

@Taatshi · 12.08.2012, 22:52

font-family попробуйте. И посмотрите, может, где-то стили перекрываются.

@EPMAK · 12.08.2012, 22:56

или так

CSS
1
font: normal 20px Arial, Helvetica, sans-serif; //

@MAKS116 · 13.08.2012, 17:50 **[ТС]**

Большое спасибо, только текст зачем то в верх ушол ?

@conformist · 13.08.2012, 17:59

CSS
1
line-height:40px;

потому и вверх ушел

@MAKS116 · 13.08.2012, 19:50 **[ТС]**

Пробовал убрать line-height:40px; и поменять нечего не изменилось всё ровно как было в Adobe Dreamweaver CS5.5 нормально в браузерах вверх уходят ?

@EPMAK · 13.08.2012, 19:58

..... offtop

@d1rt · 14.08.2012, 01:07

MAKS116, уходят вверх потому что ты обнулил margin и padding поставь в правиле для li margin:10px 5px; и будет отступ сверху, и у свойства font есть 2 обязательных значения сначала размер шрифта потом семейство

Новые блоги и статьи Все статьи Все блоги /
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	12.08.2012, 22:52
	font-family попробуйте. И посмотрите, может, где-то стили перекрываются. 0

@MAKS116 0 / 0 / 0 Регистрация: 12.08.2012 Сообщений: 12
	13.08.2012, 17:50 [ТС]
	Большое спасибо, только текст зачем то в верх ушол ? 0

@MAKS116 0 / 0 / 0 Регистрация: 12.08.2012 Сообщений: 12
	13.08.2012, 19:50 [ТС]
	Пробовал убрать line-height:40px; и поменять нечего не изменилось всё ровно как было в Adobe Dreamweaver CS5.5 нормально в браузерах вверх уходят ? 0

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	13.08.2012, 19:58
	..... offtop 0

@d1rt 0 / 0 / 0 Регистрация: 03.12.2010 Сообщений: 4
	14.08.2012, 01:07
	MAKS116, уходят вверх потому что ты обнулил margin и padding поставь в правиле для li margin:10px 5px; и будет отступ сверху, и у свойства font есть 2 обязательных значения сначала размер шрифта потом семейство 0