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

голоса: 0
Я сделал так:  <a href="http://kanschool26.narod.ru/leto16.htm"><body alink="white">
Взял пример из мануала по HTML. Но ссылка не окрашивается. Подозреваю, что поставил не там и не то. Помогите.
Я сейчас на этом сайте учусь и отрабатываю основные приёмы, чтобы в будущем не спрашивать.
Ссылка слева внизу - "Лето 2016"

В подвале есть такая строчка:  <tr><td align="left" style="padding-left:50px;"><!-- <copy> -->Copyright School26 © $YEAR$<!-- </copy> --> | $POWERED_BY$</td>
И слово UCOZ меняет цвет при наведении курсора, но я ни где не нашёл $POWERED_BY$, чтобы посмотреть настройки.
Адрес сайта http://kanschool26.ucoz.net/
| Автор: | Категория: Вопросы новичков
Редактирование | | Автор: Владимир Шкода

Ответов: 1

голоса: 0
 
Лучший ответ

У вас код кнопки выглядит вот так:

<a href="http://kanschool26.narod.ru/leto16.htm">
 <align="center" style="padding:0 0 0 0;"><span style="color:#FED754; border:5px; border-style: outset; padding: 5 10 5 10; solid #FFF; font:14pt Verdana,Tahoma;">
 <strong>Лето 2016</strong></span></align="center"></a>

не стоит так делать, так как слишком много мусора от визуального редактора, можно сделать проще.

Кнопку добавляем вот таким кодом:

<div class="knopka"><a href="http://kanschool26.narod.ru/leto16.htm">Лето 2016</a></div>

далее пропишем в таблицу стилей CSS стили для кнопки:

.knopka a {color:#FED754;border:5px;border-style: outset;padding: 5px 10px 5px 10px;font: 800 14pt Verdana,Tahoma;}
.knopka a:hover {color:red;}

вторая строка, это цвет ссылки при наведении - red, который вы можете заменить на нужный вам подобрав код цвета вот здесь - http://www.color-hex.com/

| Автор:
Выбор ответа лучшим | | Автор: Владимир Шкода
Огромное спасибо. Я тоже за чистоту кода, но по неопытности пишу всё в кучу, а стилями ещё не пользовался. Сейчас буду пробовать, как вы сказали.
Визуально только не понял font: 800
Владимир Шкода,

800, это жирность шрифта вместо использования тега strong

Yuri_Geruk,
Спасибо. Кстати, визуальным редактором я не пользуюсь. Поэтому не пойму, почему вы видите в моём коде то, чего у меня нету, например, <strong>Лето 2016</strong></span></align="center"></a>
У меня здесь не стоит </align="center">. Но наверное, должен стоять, если я открывал тэг <align>?
Владимир Шкода,
Что вижу в коде, значит есть оно в коде, не знаю где вы смотрите, но все это есть. Как сделать правильно я вам ответил выше, делайте так и все будет отлично, чисто и правильно.
Yuri_Geruk,
Сделал, как вы написали - всё получилось красиво. Спасибо за помощь.
...