Приветствую Вас Прохожий | RSS Суббота, 23.11.2024, 07:21
(Cайты из ТОП 100 | сайт: http://ucoz24.com/ Ucoz24.com - отличный сайт для начинающего web-мас...) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: LEO--MESSI  
Псевдоклассы для ссылок не работают!
DanDiablo Дата: Понедельник, 01.07.2013, 15:49 | Сообщение # 1

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 6
Награды: 0
Репутация: 0
Замечания: 0%
Доброго времени суток, дамы и господа!

Вот прям такое чувство, что стаю я асфальте, в лыжи обутый. То ли лыжи не едут, то ли я что то не правильно делаю! И скорее всего я!

Сделал верхнее меню из списка.

И нужно, что бы кнопки и текст в них менялись при наведении мыши и при нажатии на кнопку. То есть, когда заходишь на страницу и остаешься там по нажатию этой кнопки!

Но вот изменения происходят только при наведении мыши на кнопку, а при нажатии (активная ссылка) на нее изменений нет!

Работает только псевдокласс hover во всех браузерах, что я делю не так?

Вот CSS

#Hapka #nav li A:link {
color: #000000;
text-decoration: none;
background-image: url(../images/knopka.jpg);
}

#Hapka #nav li A:active {
background-position: 0 -55px;
color:#FFFFFF;
}

#Hapka #nav li A:visited {
color: #000000; text-decoration: none;
background-image: url(../images/knopka.jpg);
}

#Hapka #nav li A:hover {
background-position: 0 -55px;
color:#FFFFFF;
}

Благодарю за внимание!


Подпись пользователя DanDiabloЯ часть той силы, что хочет зла, но вечно совершает благо!
 
SlowMotion Дата: Понедельник, 01.07.2013, 16:12 | Сообщение # 2

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 259
Награды: 16
Репутация: 450
Замечания: 0%
DanDiablo, а вам не кажется, что у вас при наведении и нажатии на ссылку эффект один и тот же..?
и еще - если вы так пишите стили, то пишите полные путь, то есть:
не
Код
#Hapka #nav li A:active

а
Код
#Hapka #nav ul li A:active


Подпись пользователя SlowMotion
 
DanDiablo Дата: Понедельник, 01.07.2013, 16:22 | Сообщение # 3

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 6
Награды: 0
Репутация: 0
Замечания: 0%
Цитата (SlowMotion)
а вам не кажется, что у вас при наведении и нажатии на ссылку эффект один и тот же..?

Так и было задумано! Активная ссылка и при наведении должна иметь одинаковый эффект!


Подпись пользователя DanDiabloЯ часть той силы, что хочет зла, но вечно совершает благо!
 
Кирилл Дата: Понедельник, 01.07.2013, 19:37 | Сообщение # 4

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Группа: V.I.P персона
Сообщений: 3818
Награды: 119
Репутация: 4292
Замечания: 0%
DanDiablo,
Пожалуй Ваша ошибка неправильном понятии активной ссылки. Активная ссылка та на которую произведен клик, но страница еще загружается, либо та на которой зажата ЛКМ. Если же Вы находитесь на странице куда ведет ссылка то это не означает активность ссылки. К ней будет применяться атрибут посещенной ссылки. Так как у вас наведение совпадает с активной ссылкой, а посещенная с не посещенной, разницы как таковой Вы не замечаете.


Подпись пользователя Кирилл
Десяток хороших людей на сайте с легкостью заменит тысячи безымянных хостов.
 
DanDiablo Дата: Понедельник, 01.07.2013, 20:01 | Сообщение # 5

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 6
Награды: 0
Репутация: 0
Замечания: 0%
Цитата (Кирилл)
Если же Вы находитесь на странице куда ведет ссылка то это не означает активность ссылки. К ней будет применяться атрибут посещенной ссылки.

Как так то?!

Если:

Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

Псевдокласс :visited применяется к ссылкам, уже посещённые пользователем, и задаёт для них стилевое оформление.

Нескладушки какие то тогда!


Подпись пользователя DanDiabloЯ часть той силы, что хочет зла, но вечно совершает благо!
 
Кирилл Дата: Понедельник, 01.07.2013, 20:09 | Сообщение # 6

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Группа: V.I.P персона
Сообщений: 3818
Награды: 119
Репутация: 4292
Замечания: 0%
DanDiablo,
Цитата (DanDiablo)
Активной ссылка становится при нажатии на нее.

Все правильно. Пока Вы нажали ЛКМ и не отпустили будет применяться стиль active как только Вы перешли на целевую страницу и убрали курсор со ссылки она принимает стиль visited.


Сообщение отредактировал Кирилл - Понедельник, 01.07.2013, 20:10


Подпись пользователя Кирилл
Десяток хороших людей на сайте с легкостью заменит тысячи безымянных хостов.
 
DanDiablo Дата: Среда, 03.07.2013, 10:02 | Сообщение # 7

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 6
Награды: 0
Репутация: 0
Замечания: 0%
Не работает!

Присвоил псевдоклассам active, visited и hover одинаковые значения, по прежнему работает только псевдокласс hover!

#up #nav li A:active {
background-position: 0 -55px;
color:#FFFFFF;
}

#up #nav li A:visited {
background-position: 0 -55px;
color:#FFFFFF;
}

#up #nav li A:hover {
background-position: 0 -55px;
color:#FFFFFF;
}

Вот сайт: http://ippoterapiya.ucoz.ru/


Подпись пользователя DanDiabloЯ часть той силы, что хочет зла, но вечно совершает благо!
 
Кирилл Дата: Среда, 03.07.2013, 16:20 | Сообщение # 8

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Группа: V.I.P персона
Сообщений: 3818
Награды: 119
Репутация: 4292
Замечания: 0%
DanDiablo,
Класс visited работает. Если смените цвет с #FFFFFF на #FF0000 то сразу увидите разницу, а вот с фоном неувязочка согласен.
После небольшого эксперимента интересный момент проявился. Если избавится от картинок и изменять фон кодом то все работает. В приведенном файле я выставил для не посещенных черные буквы на белом фоне, для посещенных красные буквы на желтом, при наведении белые на черном.
Прикрепления: news.htm (12.3 Kb)


Сообщение отредактировал Кирилл - Среда, 03.07.2013, 16:32


Подпись пользователя Кирилл
Десяток хороших людей на сайте с легкостью заменит тысячи безымянных хостов.
 
DanDiablo Дата: Четверг, 04.07.2013, 11:57 | Сообщение # 9

Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Пользователи
Сообщений: 6
Награды: 0
Репутация: 0
Замечания: 0%
Цитата (Кирилл)
После небольшого эксперимента интересный момент проявился. Если избавится от картинок и изменять фон кодом то все работает


Блин, в этом то и загвостка вся! Хочется сделать по красивее, а не просто цветом.

Видимо, это косяк самого Юкоза. Жаль.

Добавлено (04.07.2013, 11:57)
---------------------------------------------
В любом случае, спасибо за помощь!



Подпись пользователя DanDiabloЯ часть той силы, что хочет зла, но вечно совершает благо!
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Новые пользователи Последние темы Лучшие пользователи

1 Nynikak (Марина)

NL20:29 - 06.07.2024

2 Vladimrij (Vladimir)

UA08:13 - 06.04.2024

3 Highvard (Никита)

BY11:02 - 10.03.2024

4 Khaliff93 (Artem)

US14:28 - 26.02.2024

5 Vvvpol (Stepan)

UA16:43 - 22.02.2024

6 exvardi (Vladimir)

MD14:47 - 18.02.2024

7 Ja_Rule (Евгений Пил)

BY10:19 - 13.02.2024

8 funvaz (Gosha)

KZ20:46 - 22.12.2023

9 dj2nik (dj2nik)

UA11:22 - 11.12.2023

10 gluk123 (Max)

UA09:42 - 21.10.2023

11 AlexGrim (Alex)

RU09:22 - 17.10.2023

12 Renegat95 (Ромич)

RU09:08 - 08.10.2023

13 leon1965 (Bob Dutu)

CA15:43 - 13.08.2023

14 2ef005 (Андрей)

UA12:13 - 04.07.2023

15 Coresh100 (Сергей Моро)

BY23:22 - 28.06.2023

16 11smith11 (Smith Bonda)

UA18:49 - 18.06.2023

17 perimetr (Николай)

BY16:53 - 13.05.2023

18 elm2 (Андрей)

BY09:46 - 03.05.2023

19 qetruhdf2 (alx alex)

RU23:29 - 02.04.2023

20 3737 (Dudgos)

CA18:24 - 19.03.2023

21 ziercool (ziercool)

PL17:54 - 15.03.2023

22 dedtalash (Вадим)

BY14:32 - 27.02.2023

23 Robin113 (Andrei)

DE18:05 - 17.02.2023

24 vova_vova (Vov)

UA23:03 - 09.11.2022

25 Bull888 (Светлана)

UA09:08 - 25.10.2022

26 tigo1 (Tigo)

AM21:52 - 21.10.2022

27 fekin4321 (VladFekin)

UA00:32 - 14.10.2022

28 Tasiil (Дмитрий)

BY06:12 - 06.10.2022

29 ambako22 (ambako)

GE20:10 - 13.09.2022

30 sadnon (Vitaliy)

UA09:37 - 10.09.2022

1 Работа на заводе

German Vikrumas [29]

2 Комплексный прогон сайтов ру и...

myod kysovue [54]

3 Армия

MarinaKli MarinaKli [0]

4 Может у кого есть!

MarinaKli Vistel [6]

5 Нужны копирайты

MarinaKli mvr312 [1]

6 Остались честные СМИ?

KateKuz KateKuz [0]

7 Раздача подарков и стикеров в ...

KateKuz MDNdemon [1]

8 Дисковое пространство

KateKuz frolov1028 [3]

9 Ручной прогон по трастовым сай...

kalip27 kalip27 [19]

10 бот для умножения денег на фор...

forexmone forexmone [0]

11 Программировние

forexmone Playmanovich [7]

12 Пропала реклама

forexmone frolov1028 [3]

13 У сайта вырос ТИЦ

Openair Vistel [8]

14 Нужны дизайнеры

Openair demons063 [2]

15 ⭐️Ручной статейный прогон⭐️

eternalli eternalli [0]

16 Как раскрутить кино сайт

eternalli JAko [6]

17 [100p] Нарисовать логотип.

XAMEJIUOH XAMEJIUOH [0]

18 Требуется человек для создания...

Vikrumas Vikrumas [0]

19 Качественный рерайт/копирайт о...

GaV GaV [161]

20 Календарь

frolov1028 Vikrumas [1]

21 Профильно-статейны прогон по с...

GaV GaV [0]

22 Файловик на сайт (копипаст) оп...

MDNdemon MDNdemon [58]

23 Изображение в CSS

xbalson GaV [2]

24 Файловый Менеджер - Высокая оп...

Freemekc Freemekc [2]

25 В каких интернет магазинах вы ...

Beowb428 GaV [9]

26 Скрипт и инструкция добавления...

DianaLebe мир [3]

27 Трафик на сайт по низким ценам...

brig2 vir4us [4]

28 Продам билеты в московский кин...

brig2 MDNdemon [1]

29 Создать лого на сайт

korel korel [0]

30 25 жирных ссылок. Яндекс Катал...

NikeNikol NikeNikol [0]

1 frolov1028

UAРепа: 4431 Файлов: 29 Форум: 1317

2 Кирилл

RUРепа: 4292 Файлов: 15 Форум: 3818

3 мир

MDРепа: 4084 Файлов: 878 Форум: 1019

4 WinDiZ

Репа: 3943 Файлов: 2 Форум: 1252

5 mdbaner

MDРепа: 3756 Файлов: 713 Форум: 4723

6 GaV

RUРепа: 3621 Файлов: 0 Форум: 1262

7 Kapusha

RUРепа: 3371 Файлов: 35 Форум: 1177

8 PrADeN

FRРепа: 3318 Файлов: 84 Форум: 2076

9 martinis

RUРепа: 3247 Файлов: 46 Форум: 444

10 German

RUРепа: 2768 Файлов: 18 Форум: 258

11 STAFF

USРепа: 2720 Файлов: 72 Форум: 757

12 ALINA

RUРепа: 2677 Файлов: 277 Форум: 9

13 StraJ

UAРепа: 2243 Файлов: 12 Форум: 545

14 smart4on

BYРепа: 2232 Файлов: 4 Форум: 661

15 makcim19997

RUРепа: 2204 Файлов: 171 Форум: 1067

16 GaMeRgame

RUРепа: 2082 Файлов: 4 Форум: 722

17 TRANE73

RUРепа: 2015 Файлов: 34 Форум: 165

18 ivanfom

RUРепа: 1887 Файлов: 15 Форум: 319

19 Zhenikuls

RUРепа: 1884 Файлов: 6 Форум: 65

20 tmb

RUРепа: 1570 Файлов: 0 Форум: 214

21 xbalson

MDРепа: 1378 Файлов: 4 Форум: 561

22 Smile

RUРепа: 1311 Файлов: 23 Форум: 444

23 hjp^

RUРепа: 1248 Файлов: 14 Форум: 192

24 domovik21

UAРепа: 1237 Файлов: 16 Форум: 177

25 Prix

RUРепа: 1122 Файлов: 6 Форум: 91

26 LEO--MESSI

RUРепа: 1115 Файлов: 6 Форум: 468

27 Playmanovich

UAРепа: 1087 Файлов: 3 Форум: 981

28 WmMariupol

UAРепа: 1081 Файлов: 0 Форум: 55

29 K@rDeL

RUРепа: 1076 Файлов: 0 Форум: 382

30 LUIS75

RUРепа: 1033 Файлов: 1 Форум: 198

Избранные ссылки
5 последних закладок Описание и использование закладок
Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.


Copyright UcozOn.ru™ © 2008-2024


Кнопка 88х31 сайта ucozon.ru