Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 117071
05.01.2008, 17:32
0.00 руб.
0 2 2
Компьютеры Интернет и сети
Здравствуйте!
Как на странице сделать несколько ссылок с разным цветом, но чтобы при наведении на ссылки они все меняли цвет на один и тот же, к примеру на красный.
Главное, чтобы это работало не только в в IE, но и в Firefox и других программах.
Заранее Спасибо.

Обсуждение

Неизвестный
05.01.2008, 18:52
общий
это ответ
Здравствуйте, Alex230!
Можно сделать через CSS. Для каждой ссылки объявляем отдельный класс, где прописываем ее цвет.

a.first{color:black}
a.second{color:white}
a.third{color:grey}
a.fourth{color:green}
А потом для всех ссылок пишем одинаковый стиль при наведении.
a:hover{color:red}

Потом в коде страницы требуемой ссылке присваиваем необходимый класс


Приложение:
<style>a.first{color:black}a.second{color:white}a.third{color:grey}a.fourth{color:green}a:hover{color:red}</style><a href="#" class="first">Черная ссылка</a><a href="#" class="second">Белая ссылка</a><a href="#" class="third">Серая ссылка</a><a href="#" class="fourth">Зеленая ссылка</a>
Неизвестный
05.01.2008, 21:32
общий
это ответ
Здравствуйте, Alex230!
Безусловно, нужно прописать в CSS class или id для каждой такой ссылки, НО, если вы это сделаете, то для адекватного отображения во всех браузерах (и это проверено) вам нужно прописать свойство hover также для каждого class/id.
Потому что запись a:hover{color:red} не будет действовать на <a>, для которых определён класс.
Т.о., вношу поправку в предыдущий ответ (см. приложение).

Приложение:
----в CSS-----a.first{color:black}a.first:hover{color:red}a.second{color:white}a.second:hover{color:red}a.third{color:grey}a.third:hover{color:red}----в HTML-----<a class="first" href="">first</a><a class="second" href="">second</a><a class="third" href="">third</a>
Форма ответа