Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
chaleureux
18 / 21 / 19
Регистрация: 24.12.2014
Сообщений: 980
1

Изменить цвет ссылки при наведении и нажатии

19.11.2016, 12:56. Просмотров 654. Ответов 9
Метки нет (Все метки)

Имеется кусок кода:
HTML5
1
<td style="width:33.3%; border:2px solid #707070; text-align: center"><div style="height: 31px;line-height: 31px"><a title="Нажмите для перехода на сайт"a href='https://accounts.google.com/ServiceLogin' target='_blank' style="color:#85AB70;a:hover text-decoration: none;"><p align="center"><center>{0}</a></p></div></body></td>
Не получается изменить цвет ссылки пробовал по разному, не могу понять что не так:
примеры брал от сюда: htmlbook.ru
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.11.2016, 12:56
Ответы с готовыми решениями:

Изменить цвет ссылки при наведении
Буду благодарен тем кто поможет. Человек я уже не молодой, много чего перечитал...

Изменить цвет ссылки при наведении на li
Есть вот такой код: .nav ul li a:active, .nav ul li a:hover { color:...

При наведении курсора мыши на тег <li> изменить цвет вложенной в него ссылки
Как изменить ссылку в блоке после наведения на блок, блок это Li, &lt;!DOCTYPE...

Изменить цвет при наведении
нужно чтоб при наведении мыши на картинку показывала свой цвет, наоборот -...

Кнопка-картинка как ей изменить цвет при наведении
Здравствуйте есть кнопка - это изображение png как этой кнопке изменить цвет...

9
fol
491 / 471 / 153
Регистрация: 08.07.2013
Сообщений: 1,685
Записей в блоге: 1
19.11.2016, 13:19 2
Цитата Сообщение от chaleureux Посмотреть сообщение
style="color:#85AB70;a:hover text-decoration: none;"
в style нельзя писать a:hover
надо в стили вынести оформление для ссылки и для наведения
0
chaleureux
18 / 21 / 19
Регистрация: 24.12.2014
Сообщений: 980
19.11.2016, 13:57  [ТС] 3
fol, Если не трудно подправьте, я как не делаю у меня каша получается (
0
mrtoxas
Модератор
Эксперт HTML/CSS
2573 / 1905 / 1186
Регистрация: 12.07.2015
Сообщений: 5,122
Записей в блоге: 3
19.11.2016, 16:08 4
chaleureux, каша - не то слово. Незакрытые теги, непонятные вложенности элементов, куски стилей, неизвестно зачем тег таблицы. Я даже не знаю в какую сторону поправлять. Что вы хотите получить на выходе?
0
chaleureux
18 / 21 / 19
Регистрация: 24.12.2014
Сообщений: 980
19.11.2016, 16:30  [ТС] 5
mrtoxas,На выходите я хочу получить: [цвет ссылки: color:#85AB70] чтобы ссылка была активная и при навидение и нажатие менялся цвет, только и всего =)
На счёт незакрытых тегов и прочее не волнуйтесь, я взял лишь кусочек кода)..
0
mrtoxas
Модератор
Эксперт HTML/CSS
2573 / 1905 / 1186
Регистрация: 12.07.2015
Сообщений: 5,122
Записей в блоге: 3
19.11.2016, 16:51 6
В вашем примере не покажу, потому что там нарушена структура. У вас параграф вложен ссылку, причем, ссылка закрывается до закрытия параграфа. Вот, реализация :hover
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    a:hover{
      color:#85AB70;
    }
  </style>
</head>
<body>
  <a href="#">Link</a>
</body>
</html>
1
chaleureux
18 / 21 / 19
Регистрация: 24.12.2014
Сообщений: 980
19.11.2016, 17:04  [ТС] 7
mrtoxas,А в Вашем примере можете вставить колонку:
CSS
1
width:33.3%; border:2px solid #707070; text-align: center
и как убрать подчёркивание:
CSS
1
text-decoration: none;
Во общих чертах у меня получается ссылка только такого цвета вместе с колонкой:
0
Миниатюры
Изменить цвет ссылки при наведении и нажатии  
mrtoxas
Модератор
Эксперт HTML/CSS
2573 / 1905 / 1186
Регистрация: 12.07.2015
Сообщений: 5,122
Записей в блоге: 3
19.11.2016, 17:24 8
Я вам сказал, что в вашем коде проблема со структурой. Пока вы ее не решите, о стилях можно даже и не задумываться.
0
chaleureux
18 / 21 / 19
Регистрация: 24.12.2014
Сообщений: 980
19.11.2016, 22:44  [ТС] 9
mrtoxas, Это я понял, я же прошу в Вашем примере показать)

Добавлено через 3 часа 19 минут
С задачей справился, вопрос только возник, в стилях как задать цвет не активной ссылки?

Добавлено через 1 час 41 минуту
Подскажите а стили действуют на все колонки где есть ссылки и текст?!
Сделал такое:
CSS
1
2
3
4
5
6
7
8
9
10
11
  a {
     color:#85AB70;
     text-decoration: none;
    }
  a:hover{
     color:green;
     text-decoration: underline;
    } 
  a:active{
     color:red;
    }
Вроде всё нормально, но почему-то цвет меняется и в других колонках где есть текст!
А как сделать только чтобы ссылки менялись?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2573 / 1905 / 1186
Регистрация: 12.07.2015
Сообщений: 5,122
Записей в блоге: 3
19.11.2016, 22:50 10
Я слабо представляю, что там у вас за колонки, но если какой-то блок с текстом обернут ссылкой и этой ссылке задан цвет, то цвет текста внутри ссылки тоже окрасится, если не задать ему свой цвет отдельно.
0
19.11.2016, 22:50
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.11.2016, 22:50

Эффект при наведении. При наведении на впереди стоящий элемент, предыдущие элементы меняли цвет border
Необходимо реализовать это по возможности без js. Если есть какие-то варианты...

Как изменить цвет ссылки???
Как изменить цвет посещённой ссылки при наведении на неё??? Я изменил цвет...

При наведении курсора, ячейка должна окрашиваться в красный цвет, а при клике - в синий
При наведении курсора, ячейка должна окрашиваться в красный цвет, а при клике -...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru