Забыли пароль?
Запросите новый здесь.

Автор темы: Alex
ID темы: 1924
Информация:
Тема содержит 9 сообщения, была просмотрена 3394 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
подсветка пункта меню на css
Alex
Недавно на нескольких моих сайтах перестало работать подсветка пунктов меню,

например находишься на странице news.php и в навигации пункт новости выделялся другим цветом.

вот пример класса
Скачать исходники  Код

.sub-header ul li.current-link a { /*background of tabs for selected state*/
   color: #fff;
   background-color: #1286c8;
}


 
Web
Serge Renard
Таблица стилей не менялась в последнее время? Может, переопределил где-то класс и не заметил?
В Интернете кто-то неправ!
 
Web
Alex
щас просмотрел, классы не менялись

в теме:
Скачать исходники  Код
echo "<div class='sub-header clearfix floatfix'>".showsublinks("","")."</div>\n";




в стилях
Скачать исходники  Код

/* Sub Header properties */
.sub-header {
   background-color: #0088BF;
    background-color: #0088bf;
   background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0088bf),color-stop(100%,#005394));
   background-image: -webkit-linear-gradient(#0088bf,#005394);
   background-image: -moz-linear-gradient(#0088bf,#005394);
   background-image: -o-linear-gradient(#0088bf,#005394);
   background-image: linear-gradient(#0088bf,#005394);
    border: 3px solid #FFFFFF;
    clear: both;
    color: #838383;
    float: left;
    margin: 40px 0 0;
    padding: 10px;
    width: 240px;
}

/* Sub Header links */
.sub-header ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.sub-header ul li a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 17px;
   color: #fff;
   padding: 2px 2px; /*padding inside each tab*/
   text-decoration: none;
   text-align: left;
   display: block;
   margin: 0;
}

.sub-header ul li a:hover { /*background of tabs for hover state*/
   color: #fff;
   background-color: #1286c8;
   background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#39b0f4),color-stop(100%,#1285c8));
    background-image: -webkit-linear-gradient(#39b0f4,#1285c8);
    background-image: -moz-linear-gradient(#39b0f4,#1285c8);
    background-image: -o-linear-gradient(#39b0f4,#1285c8);
    background-image: linear-gradient(#39b0f4,#1285c8);
}

.sub-header ul li.current-link a { /*background of tabs for selected state*/
   color: #fff;
   background-color: #1286c8;
   background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#39b0f4),color-stop(100%,#1285c8));
    background-image: -webkit-linear-gradient(#39b0f4,#1285c8);
    background-image: -moz-linear-gradient(#39b0f4,#1285c8);
    background-image: -o-linear-gradient(#39b0f4,#1285c8);
    background-image: linear-gradient(#39b0f4,#1285c8);
}




 
Web
Rush
вангую... хотя нет, не вангую. мало инфы
 
Web
Alex
http://kalina2.ru/
 
Web
Rush
теперь вангую, класс current-link не вешается на активный пункт
 
Web
Alex
Rush написал:

теперь вангую, класс current-link не вешается на активный пункт


не совсем понял ответ
 
Web
Rush
ну что оно у тебя будет подсвечивать, если на элементе нет нужного класса?
 
Web
Pisatel
В меню навигации класс current-link присваивается через php, сам css этого момента у меня выглядит так
Скачать исходники  Код
#subheader ul li.current-link, #subheader ul li.current-link a, #subheader ul li.current-link a:hover, #subheader ul li.current-link a:active {
/*здесь стиль активной ссылки*/
}



Изменил(а) Pisatel, 23.11.2013 17:53
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум: