Форум программистов, компьютерный форум, киберфорум
Joomla
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/9: Рейтинг темы: голосов - 9, средняя оценка - 4.67
45 / 45 / 15
Регистрация: 17.01.2013
Сообщений: 328

Выравнивание меню

27.04.2013, 17:13. Показов 1761. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите отцентировать меню
Вот css:
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
#header .row1 #topmenu
{
    float: left;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 3px solid #FECC00;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 100%;
    font-size: 18px;
    height: 60px;
}
 
#header .row1 #topmenu ul.menu
{
    text-align: center;
    padding: 0px auto 0px auto;
    font-size: 18px;
    width: 100%;
    height: 60px;
    text-align: center;
}
 
#header .row1 #topmenu ul.menu li a,
#header .row1 #topmenu ul.menu ul li a 
{
    text-align: center;
    width: 100px;
    color: #ABABAB;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
 
#header .row1 #topmenu ul.menu li.current a,
#header .row1 #topmenu ul.menu li.active a,
#header .row1 #topmenu ul.menu li.actives a,
#header .row1 #topmenu ul.menu li.current a:hover,
#header .row1 #topmenu ul.menu li.active a:hover,
#header .row1 #topmenu ul.menu li.actives a:hover
{
    background: url(../images/vert_menu1.png) 0 0px no-repeat;
    color: rgb(254, 204, 0);
}
 
#header .row1 #topmenu ul.menu li a:hover
{
    background: url(../images/vert_menu1.png) 0 0px no-repeat;
    color: rgb(254, 204, 0);
}
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
#header .row1 #topmenu
{
    height: 60px;
    margin: 0px avto 0px avto;
    padding: 0px 0px 0px 0px;
    position: relative; 
    font-size: 18px;
    z-index: 20;
    text-align: center;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.5) !important;    
    background-position: left top;
    background-repeat: repeat-x;    
    width: 100%;
}
 
#header .row1 #topmenu ul.menu
{
    display: block;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-size: 18px;
    list-style-type: none;
    overflow: visible;
    width: 100%;
    height: 100%;
}
 
#header .row1 #topmenu ul.menu li 
{  
    float: left;
    text-align: center;
    height: 100%;
    margin: 0px 20px 0px 20px;  
    padding: 0px 0px 0px 0px;
    position: relative; 
    list-style: none; 
    background: none;
    z-index: 100;
    overflow: visible;
}
 
#header .row1 #topmenu ul.menu li a 
{
    text-align: center;
    height: 100%; 
    display: block; 
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;  
    border: none;
    border-style: none;
    outline-style: none;
    position: relative; 
    background-position: top left;
    background-repeat: no-repeat;
}
 
#header .row1 #topmenu ul.menu li.current a,
#header .row1 #topmenu ul.menu li.active a,
#header .row1 #topmenu ul.menu li.actives a,
#header .row1 #topmenu ul.menu li a:hover
{
 color: #FECC00; 
}
Заранее спасибо
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
27.04.2013, 17:13
Ответы с готовыми решениями:

Выравнивание меню, текста и слайдер меню на сайте!
Здравствуйте, может кто-нибудь помочь и выравнять меню, текст и слайдер меню по центру. Чтобы меню было по центру сверху, текст просто по...

Выравнивание в меню
добрый день форумчане! с наступающим вас! я php программист, с версткой иногда бывает проблемы. вот как сейчас например есть...

Выравнивание меню
Добрый вечер, подскажите пожалуйста как выровнять окно по центру, что бы было как на скрине. Вот так должно быть(1 скрин) То что уже...

6
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
27.04.2013, 19:49
а html где? ссылку на сайт можно?
1
45 / 45 / 15
Регистрация: 17.01.2013
Сообщений: 328
27.04.2013, 22:48  [ТС]
Я на локалке делаю.
Taashi спасибо Вам. Разобрался сам. Увеличил margin, уменьшил меню, все норма. Сори за огромное кол-во тем, просто нормальных уроков не найти приходится так.

В Delphi это все как-то проще.
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
27.04.2013, 22:52
Maksim2309, не нужно извиняться - форум для того и предназначен. Удачи - и создавайте столько тем, сколько понадобится
0
27.04.2013, 22:59

Не по теме:

Цитата Сообщение от Maksim2309 Посмотреть сообщение
В Delphi это все как-то проще.
хм.. Обычно "десктопники" - кто пишут на плюсах/делфи/яве и т.п. считают веб-разработчиков нечто наподобие "ничто"

0
28.04.2013, 09:28

Не по теме:

Цитата Сообщение от KOPOJI Посмотреть сообщение
хм.. Обычно "десктопники" - кто пишут на плюсах/делфи/яве и т.п. считают веб-разработчиков нечто наподобие "ничто"
Это тупые десктопники. Я знаю как минимум человек пять-шесть, которые кажутся мне ооочень крутыми в десктопе, но, когда дело доходит до веба, они теряются и чувствуют себя крайне неуютно и неловко и за самые простые советы очень благодарны бывают. Чувства превосходства я в них тоже не наблюдаю.

Все от человека зависит.

0
45 / 45 / 15
Регистрация: 17.01.2013
Сообщений: 328
28.04.2013, 11:21  [ТС]
Цитата Сообщение от Taatshi Посмотреть сообщение
Это тупые десктопники.
Полностью поддерживаю
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
28.04.2013, 11:21
Помогаю со студенческими работами здесь

Выравнивание меню
Нужно выровнять меню ровно по ширине (только то, что на чёрном фоне) <div class="header"> ...

Выравнивание горизонтального меню
Вечер добрый, уважаемые. CSS только начал осваивать. собственно сабж Есть горизонтальное меню оно смещено влево. нужно сделать...

Выравнивание меню Bootstrap
Подскажите, пожалуйста, знатоки бутстрапа, как растянуть пункты меню по всей ширине bootstrap менюшки?

Выравнивание элементов меню
Кто подскажет как выровнять этот текст: Вот код:

Выравнивание меню по центру
Приветствую, есть менюшка, подскажите как правильно разместить по центру внутри div. И возможно ли, что бы уменьшении зума ссылки не...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
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
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru