X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

> Замучался с активными ссылками, Css, Помогите плиз
gemkeepers
gemkeepers
Topic Starter сообщение 3.2.2010, 21:21; Ответить: gemkeepers
Сообщение #1


На сайте меню из "ссылок-закладок", т.е. только выбранная закладка должна закрываться бакраундом, который прописан в цсс.

Суть проблемы: код плохой, главная страница(первая закладка) активирована всегда классом navSelected мануально:
<li class="navSelected"><a href="сайт.ру"><span>Главная</span></a></li>

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

css строки отвечающие за пометку ссылки по практике на одну закладку
ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(../images/bgnavRight.gif) no-repeat top right;}


пробовал заменить все а на а:active но не помогло..

весь css:
ul#menu {margin-left: 10px;}
    ul#menu li {float:left; margin-right: 5px;}
    ul#menu li a {display: block; color:#475c68; font-size: 1.25em; font-weight: bold; text-decoration: none; height: 45px; padding: 0 0 0 20px; float:left;}
    ul#menu li a:hover {color:#00a2ff;}
    ul#menu li a span {display: block; padding:12px 20px 31px 0px;}
    
    ul#menu li a:hover {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
    ul#menu li a span:hover{background:url(../images/bgnavRight.gif) no-repeat top right;}
    
    ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
    ul#menu li.navSelected a:hover, ul#menu li.current-cat a:hover {color:#f2f2f2;}
    ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(../images/bgnavRight.gif) no-repeat top right;}


html:
<ul id="menu">
            <li class="navSelected"><a href="сайт.ру"><span>Главная</span></a></li>

    <li><a href="" title=""><span>О компании</span></a>
</li>


за хороший ответ, хороший плюсик!

Сообщение отредактировал gemkeepers - 3.2.2010, 21:25
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
 
Открыть тему
Ответов (1 - 3)
Alex_RD
Alex_RD
сообщение 4.2.2010, 0:11; Ответить: Alex_RD
Сообщение #2


В начале а:active отвечает за ссылку в тот момент когда по ней кликнули, и к подсветке текущего пункта меню (текущей страницы) отношения никакого не имеет.
Если статика, просто снимаем класс "navselected" c главной и ставим на нужный пункт. Если на cms, все зависит от cms


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gemkeepers
gemkeepers
Topic Starter сообщение 4.2.2010, 1:01; Ответить: gemkeepers
Сообщение #3


(Alex_RD @ 4.2.2010, 0:11) *
В начале а:active отвечает за ссылку в тот момент когда по ней кликнули, и к подсветке текущего пункта меню (текущей страницы) отношения никакого не имеет.
Если статика, просто снимаем класс "navselected" c главной и ставим на нужный пункт. Если на cms, все зависит от cms



DLE... Ну тогда и ладно.. раз уж так

Сообщение отредактировал gemkeepers - 4.2.2010, 1:10
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 4.2.2010, 8:10; Ответить: Alex_RD
Сообщение #4


(gemkeepers @ 4.2.2010, 3:01) *
DLE... Ну тогда и ладно.. раз уж так

ну если dle делаем так
<ul id="menu">
      <li [aviable=main]class="navSelected"[/aviable]><a href="сайт.ру"><span>Главная</span></a></li>
      <li>[category=1]class="navSelected"[/category]<a href="" title=""><span>О компании</span></a>
      <li>[category=2]class="navSelected"[/category]<a href="" title=""><span>Раздел сайта</span></a>
      <li>[category=3]class="navSelected"[/category]<a href="" title=""><span>Раздел сайта</span></a>
</li>

[aviable=main] [/aviable] - показываем класс выделения только на главной странице (соответственно пункт меню будет выделен только на главной)
[category=x] [/category] - показываем класс выделения только в категории с ID = x (соответственно пункт меню будет выделен только в этой категории)

Упреждая ваш вопрос, для статических страниц так сделать нельзя (можно указать только для всех статических страниц)

про эти теги можно посмотреть в онлайн-документации dle

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


Сообщение отредактировал Alex_RD - 4.2.2010, 9:52


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Биржа для продвижения крауд-ссылками Work2crowd
22 work2crowd 11982 12.3.2024, 17:07
автор: 2Index
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3333 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3291 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Обмен ссылками (производство)
1 kabutops06 3383 13.10.2023, 5:14
автор: rhst9hook
Открытая тема (нет новых ответов) Сотрудничество - обмен ссылками
5 Megoydagi 2587 26.9.2023, 1:24
автор: Tia2


 



RSS Текстовая версия Сейчас: 29.3.2024, 5:03
Дизайн