Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
Человек
 Аватар для dolte
331 / 205 / 63
Регистрация: 04.02.2013
Сообщений: 1,224

Меню Навигации

05.03.2013, 21:35. Показов 1362. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Помогите сделать меню навигации.
Немогу расположить между ними граффические разделители. Они получаются в высоту текста меню (а должны быть раза в 2 больше) и ставится после последнего пункта.

Добавлено через 3 часа 23 минуты
от той проблемы ушел, теперь меню не позиционируется относительно бекграунду, вот код:
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
#nav {
    width:1054px;
    height:70px;
    background:url('images/menu.png')no-repeat;
    margin:-86px auto 0 auto;
    padding-left:10px;
    padding-top:15px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#nav li {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0px;
    list-style: none;
    float: left;
    height: 70px;
}
#nav li a {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    height: 70px;
    overflow: none;
}
#nav li a:hover {
    color: #ffffff;
}
#nav li a span {
    cursor: pointer;
    display: block;
    position: absolute;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 70px;
}
#nav li a:hover span {
    background-position: 0 -141px;
}
#nav li.active a span {
    background-position: 0 0px;
}
#nav li.home, #nav li.home a , #nav li.home a span {
    width: 166px;
}
#nav li.home a span {
    background: url('images/1.png');
}
#nav li.news, #nav li.news a , #nav li.news a span {
    width: 144px;
}
#nav li.news a span {
    background: url('images/2.png');
}
#nav li.stock, #nav li.stock a , #nav li.stock a span {
    width: 143px;
}
#nav li.stock a span {
    background: url('images/3.png');
}
#nav li.merch, #nav li.merch a , #nav li.merch a span {
    width: 143px;
}
#nav li.merch a span {
    background: url('images/4.png');
}
#nav li.galery, #nav li.galery a , #nav li.galery a span {
    width: 146px;
}
#nav li.galery a span {
    background: url('images/5.png');
}
#nav li.card, #nav li.card a , #nav li.card a span {
    width: 144px;
}
#nav li.card a span {
    background: url('images/6.png');
}
#nav li.contacts, #nav li.contacts a , #nav li.contacts a span {
    width: 168px;
}
#nav li.contacts a span {
    background: url('images/7.png');
}
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.03.2013, 21:35
Ответы с готовыми решениями:

Меню навигации
Имеем выпадающе меню, при наведени на основной пункт он меняет картинку background-position. Когда наводим на развернутые подпункты этого...

Отображение меню навигации в IE
Здравствуйте. Столкнулся с такой проблемой: делаю резиновое меню навигации с помощью свойств css display: table-row и display: table-cell....

Фиксированное меню навигации
Доброго времени суток! У меня сбоку есть блок фиксированной ширины, в нем элементы header и footer. Проблема такая, что когда увеличиваешь...

1
0 / 0 / 0
Регистрация: 05.03.2013
Сообщений: 6
05.03.2013, 22:06
скриншот меню можно ?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.03.2013, 22:06
Помогаю со студенческими работами здесь

Неизменяемое меню навигации
Написал выпадающее меню, но при изменении размера страницы оно становится в 2 ряда и глючит, как его оставить в один ряд? Или сразу что бы...

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

Выравнивание блоков меню навигации
Есть меню навигации(шапка): <div class = "header-container "> <!--ШАПКА--> <header class = "headerNav clearfix...

Иконка Дома в меню навигации
Доброго всем времени суток. В общем у меня есть задание сделать меню навигации, вот точно такого...

Резиновая верстка меню-навигации
Добрый вечер, форумчане! Решил я вот освоить резиновую верстку, до этого давненько верстал, но обычно - статично. Ну из резинового здесь...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru