Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.93/15: Рейтинг темы: голосов - 15, средняя оценка - 4.93
0 / 0 / 0
Регистрация: 13.08.2015
Сообщений: 12

Переименовать пункты меню

11.04.2016, 00:02. Показов 3073. Ответов 1
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Пункты переименовываются если их определенное количество в моем случае их 17, но если убрать верхний пункт допустим «Моя Страница», то один из пунктов которые я переименовал перестаёт работать. Есть решения данной проблемы?

http://jsfiddle.net/mda66vh0/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

.side_bar_inner [id*="l_mgid"] .left_label {
    font-size: 0px !important;
}
.side_bar_inner [id*="l_mgid"]:nth-child(15) .left_label:before {
    font-size: 13px !important;
    content:"test1";
}
.side_bar_inner [id*="l_mgid"]:nth-child(16) .left_label:before {
    font-size: 13px !important;
    content:"test2";
}
.side_bar_inner [id*="l_mgid"]:nth-child(17) .left_label:before {
    font-size: 13px !important;
    content:"test3";
}
.side_bar_inner [id*="l_mgid"]:nth-child(18) .left_label:before {
    font-size: 13px !important;
    content:"test4";
}
.side_bar_inner [id*="l_mgid"]:nth-child(19) .left_label:before {
    font-size: 13px !important;
    content:"test5";
}
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
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231

<div id="side_bar" class="fl_l " style="">
    <div id="side_bar_inner" class="side_bar_inner" style="position: relative; margin-top: 46px;">
        <ol>
            <li id="l_pr" class="">
            <a href="/neurobioniqe" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Моя Страница</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_nwsf" class="">
            <a href="/feed" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Новости</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_msg" class="">
            <a href="/im" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Сообщения</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_fr" class="">
            <a href="/friends" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('/friends?section=requests', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Друзья</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_gr" class="">
            <a href="/groups" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Группы</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_ph" class="">
            <a href="/albums233330194" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Фотографии</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_aud" class="">
            <a href="/audios233330194" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Аудиозаписи</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_vid" class="">
            <a href="/video" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Видеозаписи</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_ap" class="">
            <a href="/apps" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Игры</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <div class="more_div l_main">
            </div>
            <li id="l_fav" class="">
            <a href="/fave" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Закладки</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_doc" class="">
            <a href="/docs" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Документы</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_ads" class="">
            <a href="/ads?act=office&amp;last=1" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Реклама</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(0)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <div class="more_div">
            </div>
            <li id="l_mgid74247622" class="l_comm">
            <a href="/theme_new" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('gim74247622', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Дизайн | ВКонтакте</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(1)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_mgid119217288" class="l_comm">
            <a href="/club119217288" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('gim119217288', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">dasda</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(1)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_mgid83050161" class="l_comm">
            <a href="/design_new" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('gim83050161', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">theme</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(1)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_mgid68468389" class="l_comm">
            <a href="/sticker_new" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('gim68468389', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Стикеры | ВКонт..</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(1)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
            <li id="l_mgid67798097" class="l_comm">
            <a href="/emojis" onclick="return nav.go(this, event, {noback: true, params: {_ref: 'left_nav'}});" class="left_row">
            <span class="left_fixer">
            <span class="left_count_wrap fl_r left_void left_count_wrap_hovered" onclick="nav.link &amp;&amp; nav.link('gim67798097', event); cancelEvent(event);"><span class="inl_bl left_count_sign"></span></span>
            <span class="left_icon fl_l"></span>
            <span class="left_label inl_bl">Emoji</span>
            </span>
            </a>
            <div class="left_settings" onclick="menuSettings(1)">
                <div class="left_settings_inner">
                </div>
            </div>
            </li>
        </ol>
    </div>
</div>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 11.04.2016, 00:02
Ответы с готовыми решениями:

Глючит бургер меню, не попадает на пункты меню
http://cadinstruktor.kl.com.ua

Выровнять пункты меню
Здравствуйте и хороших вам праздников. У меня вот какая проблема: создал пункты меню и решил украсить их соответствующими иконками, но...

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

1
 Аватар для vnmslf
25 / 25 / 5
Регистрация: 13.03.2015
Сообщений: 215
12.04.2016, 14:25
http://jsfiddle.net/mda66vh0/3/
удалять строку нужно полностью. Начиная с <li> и заканчивая </li>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 12.04.2016, 14:25
Помогаю со студенческими работами здесь

Пункты меню по ширине
Всем привет! Подскажите пожалуйста как сделать, чтобы пункты меню были расположены по всей ширине? (на картинке выделена область) ...

Пункты выпадающего меню не опускаются
Здравствуйте! Делаю выпадающее меню. Одинаково на двух сайтах. На этом делала давно http://www.linealux.ru/ (левое). На этом делаю сейчас...

Пункты меню отображаются не полностью
Доброго времени суток! Перестало отображаться меню заходя на сайт с мобильного. Найден код @media (max-width:569px) { ...

Почему не вмещаются пункты в меню?
Привет всем! Вот почему тут http://www.kitchenfaucetdivas.com/ шрифт в желтом меню крупнее и 6 пунктов в меню помещается, а тут...

Распределить пункты меню равномерно
Помогите плз распределить пункты меню равномерно по блоку меню. (а заодно и убрать зазорчик между шапкой и меню ;) ) Вот накидал что...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru