Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/47: Рейтинг темы: голосов - 47, средняя оценка - 4.60
 Аватар для chaleureux
25 / 28 / 19
Регистрация: 24.12.2014
Сообщений: 1,260

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

19.11.2016, 12:56. Показов 10086. Ответов 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
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
19.11.2016, 12:56
Ответы с готовыми решениями:

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

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

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

9
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
19.11.2016, 13:19
Цитата Сообщение от chaleureux Посмотреть сообщение
style="color:#85AB70;a:hover text-decoration: none;"
в style нельзя писать a:hover
надо в стили вынести оформление для ссылки и для наведения
0
 Аватар для chaleureux
25 / 28 / 19
Регистрация: 24.12.2014
Сообщений: 1,260
19.11.2016, 13:57  [ТС]
fol, Если не трудно подправьте, я как не делаю у меня каша получается (
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
19.11.2016, 16:08
chaleureux, каша - не то слово. Незакрытые теги, непонятные вложенности элементов, куски стилей, неизвестно зачем тег таблицы. Я даже не знаю в какую сторону поправлять. Что вы хотите получить на выходе?
0
 Аватар для chaleureux
25 / 28 / 19
Регистрация: 24.12.2014
Сообщений: 1,260
19.11.2016, 16:30  [ТС]
mrtoxas,На выходите я хочу получить: [цвет ссылки: color:#85AB70] чтобы ссылка была активная и при навидение и нажатие менялся цвет, только и всего =)
На счёт незакрытых тегов и прочее не волнуйтесь, я взял лишь кусочек кода)..
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
19.11.2016, 16:51
В вашем примере не покажу, потому что там нарушена структура. У вас параграф вложен ссылку, причем, ссылка закрывается до закрытия параграфа. Вот, реализация :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
25 / 28 / 19
Регистрация: 24.12.2014
Сообщений: 1,260
19.11.2016, 17:04  [ТС]
mrtoxas,А в Вашем примере можете вставить колонку:
CSS
1
width:33.3%; border:2px solid #707070; text-align: center
и как убрать подчёркивание:
CSS
1
text-decoration: none;
Во общих чертах у меня получается ссылка только такого цвета вместе с колонкой:
Миниатюры
Изменить цвет ссылки при наведении и нажатии  
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
19.11.2016, 17:24
Я вам сказал, что в вашем коде проблема со структурой. Пока вы ее не решите, о стилях можно даже и не задумываться.
0
 Аватар для chaleureux
25 / 28 / 19
Регистрация: 24.12.2014
Сообщений: 1,260
19.11.2016, 22:44  [ТС]
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
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
19.11.2016, 22:50
Я слабо представляю, что там у вас за колонки, но если какой-то блок с текстом обернут ссылкой и этой ссылке задан цвет, то цвет текста внутри ссылки тоже окрасится, если не задать ему свой цвет отдельно.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
19.11.2016, 22:50
Помогаю со студенческими работами здесь

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

Изменить цвет текста при наведении на блок
Привет всем! Я учусь верстать сложные шаблоны! Вышла такая проблема. При наведение мышкой на блок появляется синий цвет блока! А текст не...

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

Изменить цвет ссылки случайным образом при наведении на неё мышкой
хочу изменить цвет ссылки случайным образом при наведении на неё мышкой. function mouse_on(N)&lt;!--навели мышку на объект --&gt; { ...

Как поменять цвет кнопки при ее нажатии, а при наведении чтоб цвет не менялся?
//css файл .mymegabutton{ background: blue; } .hvr{ background: green; } .act{ background: green !important; }


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

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru