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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Старожил
******

Группа: Active User
Сообщений: 1232
Регистрация: 7.4.2009
Поблагодарили: 117 раз
Репутация:   26  


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

Суть проблемы: код плохой, главная страница(первая закладка) активирована всегда классом 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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 4.2.2010, 0:11; Ответить: Alex_RD
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


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


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


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


Старожил
******

Группа: Active User
Сообщений: 1232
Регистрация: 7.4.2009
Поблагодарили: 117 раз
Репутация:   26  


(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


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


(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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как организовать индексацию защищенных pdf с ключами и ссылками
И разместить pdf на внешних жирных ресурсах
0 kirch 418 20.5.2018, 23:37
автор: kirch
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 391 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Обмен ссылками разных тем
5 cheshire 1495 7.5.2018, 15:45
автор: cheshire
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 615 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Крауд-маркетинг продвижение сайтов естественными ссылками
10 Dima_ 2440 29.4.2018, 19:33
автор: Dima_


 



RSS Текстовая версия Сейчас: 22.5.2018, 6:36
Дизайн