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

@chaleureux · Регистрация: 24.12.2014

Author24 — интернет-сервис помощи студентам

Имеется кусок кода:

HTML5

<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

@fol · 19.11.2016, 13:19

Сообщение от chaleureux

style="color:#85AB70;a:hover text-decoration: none;"

в style нельзя писать a:hover
надо в стили вынести оформление для ссылки и для наведения

@chaleureux · 19.11.2016, 13:57 **[ТС]**

fol, Если не трудно подправьте, я как не делаю у меня каша получается (

@mrtoxas · 19.11.2016, 16:08

chaleureux, каша - не то слово. Незакрытые теги, непонятные вложенности элементов, куски стилей, неизвестно зачем тег таблицы. Я даже не знаю в какую сторону поправлять. Что вы хотите получить на выходе?

@chaleureux · 19.11.2016, 16:30 **[ТС]**

mrtoxas,На выходите я хочу получить: [цвет ссылки: color:#85AB70] чтобы ссылка была активная и при навидение и нажатие менялся цвет, только и всего =)
На счёт незакрытых тегов и прочее не волнуйтесь, я взял лишь кусочек кода)..

@mrtoxas · 19.11.2016, 16:51

В вашем примере не покажу, потому что там нарушена структура. У вас параграф вложен ссылку, причем, ссылка закрывается до закрытия параграфа. Вот, реализация :hover

HTML5

<!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>

@chaleureux · 19.11.2016, 17:04 **[ТС]**

mrtoxas,А в Вашем примере можете вставить колонку:

CSS

1	width:33.3%; border:2px solid #707070; text-align: center

и как убрать подчёркивание:

CSS

1	text-decoration: none;

Во общих чертах у меня получается ссылка только такого цвета вместе с колонкой:

@mrtoxas · 19.11.2016, 17:24

Я вам сказал, что в вашем коде проблема со структурой. Пока вы ее не решите, о стилях можно даже и не задумываться.

@chaleureux · 19.11.2016, 22:44 **[ТС]**

mrtoxas,

Это я понял, я же прошу в Вашем примере показать)

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

Добавлено через 1 час 41 минуту
Подскажите а стили действуют на все колонки где есть ссылки и текст?!
Сделал такое:

CSS

  a {
     color:#85AB70;
     text-decoration: none;
    }
  a:hover{
     color:green;
     text-decoration: underline;
    } 
  a:active{
     color:red;
    }

Вроде всё нормально, но почему-то цвет меняется и в других колонках где есть текст!
А как сделать только чтобы ссылки менялись?

@mrtoxas · 19.11.2016, 22:50

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

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.11.2016, 22:50	10
	Я слабо представляю, что там у вас за колонки, но если какой-то блок с текстом обернут ссылкой и этой ссылке задан цвет, то цвет текста внутри ссылки тоже окрасится, если не задать ему свой цвет отдельно. 0

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	19.11.2016, 13:19	2
	Сообщение от chaleureux style="color:#85AB70;a:hover text-decoration: none;" в style нельзя писать a:hover надо в стили вынести оформление для ссылки и для наведения 0

@chaleureux 25 / 28 / 19 Регистрация: 24.12.2014 Сообщений: 1,259
	19.11.2016, 13:57 [ТС]	3
	fol, Если не трудно подправьте, я как не делаю у меня каша получается ( 0

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.11.2016, 16:08	4
	chaleureux, каша - не то слово. Незакрытые теги, непонятные вложенности элементов, куски стилей, неизвестно зачем тег таблицы. Я даже не знаю в какую сторону поправлять. Что вы хотите получить на выходе? 0

@chaleureux 25 / 28 / 19 Регистрация: 24.12.2014 Сообщений: 1,259
	19.11.2016, 16:30 [ТС]	5
	mrtoxas,На выходите я хочу получить: [цвет ссылки: color:#85AB70] чтобы ссылка была активная и при навидение и нажатие менялся цвет, только и всего =) На счёт незакрытых тегов и прочее не волнуйтесь, я взял лишь кусочек кода).. 0

@mrtoxas 3826 / 2676 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.11.2016, 17:24	8
	Я вам сказал, что в вашем коде проблема со структурой. Пока вы ее не решите, о стилях можно даже и не задумываться. 0