Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.04.2010, 22:32   #1
Syltan
Заблокирован
 
Регистрация: 27.08.2009
Сообщений: 569
По умолчанию A:hover

Не срабатывает, что делать?
Код:
/*Цвет ссылки при наведении на неё мышки*/
A.paster2:hover{color:#993300; font-style:italic; /*Курсив*/
 font-size:15pt; letter-spacing: 5px;/*Расст.между буквами*/
}
А вот такоое работает:

Код HTML:
A.paster1:active{background:yellow; color:magenta; font-size:15pt;}
Почему?

Пробую вот так применять, но не срабатывает, мне нужно применить 2 класса к одной ссылке.
<span class="paster2">
<a class="paster1" href="#part4">Переход к говядине</a></span>

Последний раз редактировалось Syltan; 02.04.2010 в 23:06.
Syltan вне форума Ответить с цитированием
Старый 02.04.2010, 23:14   #2
SkyM@n
Laravel/Vue expert
Старожил Подтвердите свой е-майл
 
Аватар для SkyM@n
 
Регистрация: 08.08.2007
Сообщений: 2,832
По умолчанию

Цитата:
Сообщение от Syltan Посмотреть сообщение
Пробую вот так применять, но не срабатывает, мне нужно применить 2 класса к одной ссылке.
Не совсем понял, как работает, а как нет, но два класса можно поставить вот так:
HTML:
<a class="class1 class2" href="#">Link</a>
Чтоб сделает hover, нужно написать так:
CSS:
.class1:hover{background:yellow}
SkyM@n вне форума Ответить с цитированием
Старый 02.04.2010, 23:17   #3
Syltan
Заблокирован
 
Регистрация: 27.08.2009
Сообщений: 569
По умолчанию

Да, спасибо.
Syltan вне форума Ответить с цитированием
Старый 03.04.2010, 00:37   #4
Syltan
Заблокирован
 
Регистрация: 27.08.2009
Сообщений: 569
По умолчанию

Ещё проблемма возникла. В тех местах кода где встречается тег А, происходит распространение свойств общих.Я мею ввиду.

Код:
A:hover{........}
A:active{........}
Создал 2 класса, и пробую отменить эти свойства для этого места кода.
Код:
A.otmena1:active{color:#811285; font-weight:bold;}
A.otmena2:hover{color:#811285; font-weight:bold;}
А в коде который является якорем на который ссылатся
прописую вот такое дабы отменить, то что передалось от общего тега которого прописал в свойствах CSS, но эта отмена не срабатывает., что делать?
Код:
<a class="otmena1 otmena2" name="part1">Жить по правде</a>

Последний раз редактировалось Syltan; 03.04.2010 в 00:49.
Syltan вне форума Ответить с цитированием
Старый 03.04.2010, 02:40   #5
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,457
По умолчанию

Зачем все усложнять?

Вот да пустим пишите для меню

Код HTML:
<style type="text/css">
//Общий стиль
a:link {text-decoration:none; color:#232323;}
a:active {text-decoration:none; color:#232323;}
a:visited {text-decoration:none; color:#232323;}
a:hover {text-decoration:underline; color:#666DDD;}

//стиль для якорного текста класса Menu 1
.Menu a:link {text-decoration:none; color:#454545;}
.Menu a:active {text-decoration:none; color:#454545;}
.Menu a:visited {text-decoration:none; color:#454545;}
.Menu a:hover {text-decoration:underline; color:#FFF200;}

//стиль для якорного текста класса Menu 2
a.Menu1:link {text-decoration:none; color:#676767;}
a.Menu1:active {text-decoration:none; color:#676767;}
a.Menu1:visited {text-decoration:none; color:#676767;}
a.Menu1:hover {text-decoration:underline; color:#CC0000;}
</style>

<a href="">Бла бла бла</a>
<br>
<div class="Menu">
<a href="">Бла бла бла</a>
</div>
<a class="Menu1" href="">Бла бла бла</a>

Последний раз редактировалось uberchel; 03.04.2010 в 03:02.
uberchel вне форума Ответить с цитированием
Старый 03.04.2010, 14:01   #6
Syltan
Заблокирован
 
Регистрация: 27.08.2009
Сообщений: 569
По умолчанию

В такой последоовательности всё должно быть?
Код:
link
active
visited
hover
Или так должно быть?
Код:
link
visited
hover
active
Syltan вне форума Ответить с цитированием
Старый 05.04.2010, 02:45   #7
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,457
По умолчанию

Последовательность не важна.
uberchel вне форума Ответить с цитированием
Старый 05.04.2010, 18:16   #8
Syltan
Заблокирован
 
Регистрация: 27.08.2009
Сообщений: 569
По умолчанию

Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым.
Пишу такое.
Файл css:
Код HTML:
A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/
color:blue;
}
A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/

A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline;
font-style:normal; font-weight:bold;
letter-spacing:2px; font-size:11pt;}

A.menu3:hover{color:red; text-decoration:underline;}

A.menu5:active{color:yellow; background:red;}
фАйл HTML
Код HTML:
<a class="menu1 menu2 menu3 menu4 menu5 "  href="#ona">Перейти в низ</a> 

<a name="ona">Текст</a>
Syltan вне форума Ответить с цитированием
Старый 05.04.2010, 22:37   #9
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,457
По умолчанию

Незачем делать на каждое действие разный класс и разным цветам "текст и подчеркивание" сделать нельзя, так что надо использовать border

Код:
A.menu:link{text-decoration:none; color:99ffff;}
A.menu:visited{ext-decoration:none; color:c00;} 
A.menu:hover{background:#99ffff;text-decoration:none;font-weight:bold;
                    letter-spacing:2px;font-size:11pt; border-bottom:1px solid#000;}
A.menu:active{color:cc0; background:c00;}
uberchel вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кнопки-ссылки. Псевдокласс hover Talsy HTML и CSS 3 18.05.2008 03:11