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

Не отображается стиль активной вкладки

23.07.2017, 12:22. Показов 608. Ответов 2
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Привет. Подскажите, в чем может быть проблема. Горизонтальное меню - при наведение на пункт меню стиль меняется на заданный, но после перехода на страницу (активная вкладка) - меняется все, кроме цвета самого текста.

Меню:
PHP
1
2
3
4
5
6
7

<ul id="menu_nav">
      <li><a href="/"<? if ($_SERVER['REQUEST_URI']=='/'):?> id="active_nav"<? endif?>>Главная</a></li>
      <li><a href="about"<? if ($_SERVER['REQUEST_URI']=='/about'):?> id="active_nav"<? endif?>>О нас</a></li>    
      <li><a href="newslist"<? if ($_SERVER['REQUEST_URI']=='/newslist'):?> id="active_nav"<? endif?>>Новости</a></li>     
      <li><a href="command"<? if ($_SERVER['REQUEST_URI']=='/command'):?> id="active_nav"<? endif?>>Команда</a></li>
      <li><a href="calendar"<? if ($_SERVER['REQUEST_URI']=='/calendar'):?> id="active_nav"<? endif?>>Календарь игор</a></li> 
  </ul>
Стили:
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

#menu_nav{
    height: 35px;
    float: left;
    margin-top: 5px;
    width: 978px;
    margin-left: 20px;
    display: inline-block;
    
}
#menu_nav li{
    height:30px;
    display: block;
    float: inherit;
    list-style: none;
}
#menu_nav li a{
    margin-right: 5px;
    font: 14px Arial, Helvetica, Geneva, sans-serif;
    text-decoration: none;
    display: block;
    float: left;
    padding: 6px 11px 6px 11px;
    color: #CCC;
}
 
#menu_nav li.selected a, #menu_nav li:hover a {
    background: rgba(220,220,220,1);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,220,220,1)), color-stop(60%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0 );
    border-radius: 6px 6px 0 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    height: 28px;
    color:#252525; 
}
 
#active_nav{
    padding: 5px 10px 5px 10px;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    background: rgba(220,220,220,1);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,220,220,1)), color-stop(60%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0 );
    height: 26px;
    color: #252525;
    text-decoration-color: #252525;
}
Выделенная область:
Миниатюры
Не отображается стиль активной вкладки  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
 23.07.2017, 12:22
Ответы с готовыми решениями:

Стиль активной и неактивной кнопки
Есть код css стиля кнопки: /* стиль для кнопок */ .loginsubmit { /* градиент старт */ background: rgb(0,153,0); ...

Выбор активной вкладки
Всем привет, дорогие друзья! нуждаюсь в подсказке как решить задачу: 88 страниц сайта, нужно запихать &lt;body&gt; &lt;div...

Определение активной вкладки в TabControl
как определить индекс активной вкладки в TabControl. В PageControl это pagecontrol1.ActivePageIndex

2
 Аватар для Майкл Скоуфилд
11 / 10 / 3
Регистрация: 25.09.2015
Сообщений: 238
23.07.2017, 12:30
Можно поинтересоватся, почему на php?
0
0 / 0 / 0
Регистрация: 17.09.2013
Сообщений: 7
23.07.2017, 13:51  [ТС]
Проблему решила сама
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

#active_nav{
    padding: 5px 10px 5px 10px;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    background: rgba(220,220,220,1);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,220,220,1)), color-stop(60%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%, rgba(246,246,246,1) 60%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0 );
    height: 26px;
    color: #252525 !important;
    text-decoration-color: #252525;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
 23.07.2017, 13:51
Помогаю со студенческими работами здесь

Текст активной вкладки Mozilla Firefox
Здравствуйте. Я получил дескриптор окна FireFox, как получить текст активной вкладки? Подозреваю, что GetWindowText(...) придумали не...

Извлечь имя активной вкладки TabControl
На форме есть TabControl, Label и две кнопки (одна создать вкладку, вторая вывести имя вкладки в Label). Дополнительно существует еще panel...

Влияние на компонент из активной вкладки ко-та PageControl
Всем Hi 8-) Есть форма, на форме лежат: 4 TRadioButton; 3 TButton; 1 TPageControl. 1 TLabel Также есть динамически...

Экспорт файлов из активной вкладки PageControl
Ребят, нужна Ваша помощь с реализацией экспорта файлов. Суть вот в чем: Есть 4 формы. 1 форма основная (использую компонент...

URL активной вкладки добавить к заголовку окна.
Приветствую. Наткнулся на информацию по созданию расширения для хрома. Мне нужно что бы урл активной вкладки добавлялся к заголовку окна....


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

Или воспользуйтесь поиском по форуму:
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