Главная страница статей --> Хитрости при программировании php, заметки по базам данных

Подсветка ссылки

Источник: realcoding.net

Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей:

<style TYPE=text/css> <!-- a:hover {color: red; mso-bidi-font-size:12pt} --> </style>

В этом случае все ссылки на странице при наведении на них курсора мышки будут подсвечиваться красным цветом и перезаписываться шрифтом размером в 12 pt.

Для того, чтобы с одной из ссылок этого не происходило, необходимо задать для неё принудительно шрифт с помощью тега <font> внутри ссылки, например:

<a href=#>Неподсвеченная ссылка</a>

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

<style> body a:Hover {color : red} .group1 {text-decoration: none; font-family: arial; font-size: 8pt; color: black} a:hover.group1 {text-decoration: none; font-family: arial, font-size: 8pt; color: blue} .group2 {font-family: arial, font-size: 10pt; color: green} a:hover.group2 {font-family: arial, font-size: 10pt; color: gray} </style>

В этом случае ссылки, для которых указан класс group1, будут отображаться не подчеркнутыми, чёрным цветом, шрифтом Arial размером 8 pt. При наведении мышки они станут подчёркнутыми и перекрасятся в синий цвет.

Ссылки, для которых указан класс group2, будут подчёркнутыми и отображаться шрифтом размера 10pt зелёным цветом. При наведении мышки они станут серыми.



Похожие статьи:
- Сервисы в помощь оптимизатору
- Установка и настройка Apache сервера
- PageRank от Google
- Алгоритм расчета PageRank
- Кроссбраузерное выравнивание по центру
- Изменение фона в таблице
- CSS от А до Я
- Семантическая сеть, основанная на микроформатах
- XHTML+CSS. Преимущества очевидны
- Разрешение экрана и разметка страниц
- Иконка в строке с URLом.
- HTML » XHTML » XML
- Бесплатная «вечная» реклама любого товара + раскрутка сайта.


Оглавление | Обсудить на форуме | Главная страница сайта | Карта сайта |

Контакты
Редакция:
[0.002]