Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 14.02.2015
Сообщений: 11

CSS: Как выставить по центру

15.02.2015, 13:45. Показов 774. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите как выставить по центру меню?
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
h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    }
 
hr {
    border:none;
    border-top:5px solid #3484B1;
    height:1px;
    margin-bottom:25px;
    }
    
/* ТО ЧТО ВЫШЕ ВАМ НЕ НАДО */
    
#menu{
    width:300%;
    margin:0;
    padding:0;  
}
 
#menu ul{
    list-style:none;
}
 
#menu li{
    list-style:none;
    display:block;
    float:left;
}
 
#menu li a{
    font-family:sans-serif;
    display:block;
    float:left;
    height:50px;
    color:#F4F4F4;
    font-size:18px;
    font-weight:bold;
    background:url(im/menu_left.png) no-repeat left;
    line-height:49px;
    padding:0 0 0 20px;
    text-decoration:none;
}
 
#menu li a span{
    display:block;
    float:left;
    background:url(im/menu_right.png) no-repeat right;
    height:50px;
    color:#F4F4F4;
    line-height:49px;
    padding:0 20px 0 0;
}
 
#menu li a:hover{
    display:block;
    float:left;                 
    background:url(im/menu_left_h.png) no-repeat left;
    height:50px;
}
 
#menu li a:hover span{
    display:block;
    float:left;                 
    background:url(im/menu_right_h.png) no-repeat right;
    color:#fff;
    height:50px;
}
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
15.02.2015, 13:45
Ответы с готовыми решениями:

Как в css выставить изображение по центру окна браузера вдоль горизонтальной оси?
Добрый день! Как в css выставить изображение по центру окна браузера вдоль горизонтальной оси?

Как выставить слой по центру не только по горизонтали но и по вертикали?
использую метод margin:auto в сочетании с relative - только он дает правильную реакцию при уменьшении окна браузера. но! у меня позиция...

Выставить div вертикально по центру
Подскажите, как выставить div вертикально по центру? Вроде прописал vertical-align: middle; но не работает ...

2
0 / 0 / 0
Регистрация: 02.12.2014
Сообщений: 10
14.03.2015, 00:12
Попробуй так

PHP/HTML
1
2
3
4
5
#menu{
    width:100%;
    margin:0 auto;
    padding:0;  
}
0
 Аватар для Al_lord
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
14.03.2015, 16:12
Цитата Сообщение от Themasted Посмотреть сообщение
width:300%;
* * margin:0;
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
14.03.2015, 16:12
Помогаю со студенческими работами здесь

Выставить блок по центру страницы
Имеется маленький блок, блок нужно выставить по центру страницы. Именно со всех сторон (справа, слева, снизу, сверху). Пока что это...

Выставить блоки DIV по центру
Я выставил блоки по гоизонтали div используя float:left всё нормально, при сужение блоки уходят в низ , но есть немного негативчик, блок...

Как выровнять по центру вертикали в CSS?
Друзья, помогите выровнять текст в левой менюшке по центру вертикали. В Хроме всё выглядит нормально, в других браузерах, текст прижат к...

Короткое подчеркивание на ховер по центру как реализовать на CSS
Привет. По задумке при ховере под ссылкой появляется подчеркивание, имеющее собственные параметры (высоту, ширину и цвет). Загвоздка в...

как сделать меню по центру в css и html&
не могу сделать это меню по центру, справа/слева могу сделать! помогите плиз, третий день мучаюсь


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru