Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подсветка активной ссылки в меню, Не работает a:active 
V
    Опции темы
Marlik
Дата 14.8.2012, 00:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Доброго времени суток, есть менюшка, при нажатии пункта меню(ссылка), ссылка должна остаться активной, a:active не срабатывает, гуглю, туплю и все никак, может кто встречался. 

Код

#menu{
 width: 810px;
 margin: 10px 0 0 0; 
 padding: 0 0; 
 font-size: 20px;
 text-decoration: none;
 font: Arial, Verdana, Helvetica, sans-serif; 
 float: left;  
}

 #menu a, a:link {
 color: #333333;
 font-size: 20px;
 text-decoration: none;
 font: Arial, Verdana, Helvetica, sans-serif;
      }
   
#menu a:hover {
 color: #1f5299;
 font-size: 20px;
 text-decoration: none;
 font: Arial, Verdana, Helvetica, sans-serif;
}

#menu a.active {
 color: #1f5299; 
}




Код

<div id="menu">
<table width="100%" align="center" valign="middle">
<tr>
<td width="47%"><a href="index.html"><h12 id="logo">Company</h12></a></td>
<td><a href="#">PRODUCTS</a></td>
<td><a href="#">ABOUT US</a></td>
<td><a href="#">BLOG</a></td>
<td><a href="#">FORUM</a></td>
</td>
</table>
</div>


Спасибо.

Это сообщение отредактировал(а) Marlik - 14.8.2012, 00:26
PM WWW Skype   Вверх
ksnk
Дата 14.8.2012, 01:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(Marlik @  14.8.2012,  00:25 Найти цитируемый пост)
#menu a.active {

может
Код

#menu a:active {
...

?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Marlik
Дата 14.8.2012, 01:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Вот спасибо!!! Только все равно не пашет... (((
PM WWW Skype   Вверх
IBS
Дата 14.8.2012, 10:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



А что в вашем понимании "оставаться активной"? может вам visited надо?
PM MAIL   Вверх
Marlik
Дата 14.8.2012, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Да нет не visited, при наведении(hover) и нажатии на ссылку должен поменятся цвет ссылки и ссылка должна остаться активной(active). Это же пункт меню. То есть, есть несколько пунктов меню и страницы к которым они привязаны, нажал на ссылку получил страницу, а сама ссылка показывает цветом на какой странице ты находишься. Спасибо.
PM WWW Skype   Вверх
IBS
Дата 14.8.2012, 11:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



Тут visited ближе всего, мне кажется ) Ну а вообще только средствами css такого не сделать
PM MAIL   Вверх
ksnk
Дата 14.8.2012, 12:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(Marlik @  14.8.2012,  11:41 Найти цитируемый пост)
нажал на ссылку получил страницу

Нажал на ссылку, броузер перешел и получил ДРУГУЮ страницу?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Marlik
Дата 14.8.2012, 12:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Да так, и должна подсвечиваться та ссылка(то есть быть активной), на странице которой мы находимся.(надеюсь правильно сформулил) Я вот думаю как бы не пришлось яваскриптить.

Добавлено через 9 минут и 35 секунд
Цитата(IBS @ 14.8.2012,  11:53)
Тут visited ближе всего, мне кажется ) Ну а вообще только средствами css такого не сделать

visited не нужен, это же меню сайта!!! Максимум hover. Да скорее всего придется использовать другой способ. Убивает только то, что  в стандарте css есть такая фича: active, а вот почему не работает, хз...
PM WWW Skype   Вверх
IBS
Дата 14.8.2012, 12:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



active - это момент когда ты удерживаешь ЛКМ на ссылке. Практически не заметно, как правило, т.к. это довольно быстрое действие )

Это сообщение отредактировал(а) IBS - 14.8.2012, 12:24
PM MAIL   Вверх
Marlik
Дата 14.8.2012, 12:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 212
Регистрация: 25.2.2007
Где: Рязань

Репутация: нет
Всего: нет



Вот спасибо, век живи век учись. Я кстати думал, что active это когда на ссылку нажал, она и осталась подсвеченной. Раньше как-то не встречался с этим, ну вот в ТЗ пункт четвертый:


1.    Site has fixed width 1024px
2.    Top bar (dark color strip) has fixed position
3.    Text  ‘Company’ is link to home page (‘index.html’)
4.    Nav menu items have a hover state and active state with color( #1f5299)
5.    Click on nav menu item should change page title (‘ABOUT US’) to corresponding menu item name.


Спасибо.

Это сообщение отредактировал(а) Marlik - 14.8.2012, 12:39
PM WWW Skype   Вверх
IBS
Дата 14.8.2012, 14:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 214
Регистрация: 29.7.2008
Где: Белоруссия

Репутация: 2
Всего: 6



Ну в ТЗ скорее всего как раз имели ввиду то, что вы говорите(тут лучше уточнить), просто в css active - это не оно
PM MAIL   Вверх
tenmet
Дата 20.8.2012, 18:23 (ссылка)  | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 6
Регистрация: 18.8.2012

Репутация: нет
Всего: нет



Вот такой вариант есть на css, это если обычное меню.
Записываем css: 
Код

.active {
  color:black;}


html:

на странице "Контакты"

Код

<a href="index.html" >Главная</a>
<a href="contact.html" class="link active">Контакты</a>


на странице "Главная"
Код

<a href="index.html" class="link active">Главная</a>
<a href="contact.html" >Контакты</a>

ну и т.д

Это сообщение отредактировал(а) tenmet - 20.8.2012, 18:52
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0508 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.