|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
02.04.2010, 22:32 | #1 |
Заблокирован
Регистрация: 27.08.2009
Сообщений: 569
|
A:hover
Не срабатывает, что делать?
Код:
Код 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. |
02.04.2010, 23:14 | #2 | |
Laravel/Vue expert
Старожил Подтвердите свой е-майл
Регистрация: 08.08.2007
Сообщений: 2,832
|
Цитата:
HTML: <a class="class1 class2" href="#">Link</a> Чтоб сделает hover, нужно написать так: CSS: .class1:hover{background:yellow} |
|
02.04.2010, 23:17 | #3 |
Заблокирован
Регистрация: 27.08.2009
Сообщений: 569
|
Да, спасибо.
|
03.04.2010, 00:37 | #4 |
Заблокирован
Регистрация: 27.08.2009
Сообщений: 569
|
Ещё проблемма возникла. В тех местах кода где встречается тег А, происходит распространение свойств общих.Я мею ввиду.
Код:
Код:
прописую вот такое дабы отменить, то что передалось от общего тега которого прописал в свойствах CSS, но эта отмена не срабатывает., что делать? Код:
Последний раз редактировалось Syltan; 03.04.2010 в 00:49. |
03.04.2010, 02:40 | #5 |
Участник клуба
Регистрация: 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. |
03.04.2010, 14:01 | #6 |
Заблокирован
Регистрация: 27.08.2009
Сообщений: 569
|
В такой последоовательности всё должно быть?
Код:
Код:
|
05.04.2010, 02:45 | #7 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,457
|
Последовательность не важна.
|
05.04.2010, 18:16 | #8 |
Заблокирован
Регистрация: 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:
<a class="menu1 menu2 menu3 menu4 menu5 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a> |
05.04.2010, 22:37 | #9 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,457
|
Незачем делать на каждое действие разный класс и разным цветам "текст и подчеркивание" сделать нельзя, так что надо использовать border
Код:
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Кнопки-ссылки. Псевдокласс hover | Talsy | HTML и CSS | 3 | 18.05.2008 03:11 |