X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> css и карта
bvanosto
bvanosto
Topic Starter сообщение 6.4.2010, 16:57; Ответить: bvanosto
Сообщение #1


Добрый день.
Есть изображение, карта этого изображения с большим количеством ссылок. Можно ли средствами css задать изменение части караты (например рамка вокруг определенного участка изображения) при наведении мыши?
Если нет - подскажите какими средствами можно реализовать.
Ссылок много, и под каждую делать картинку для замены при наведении не вариант. Текстовых ссылок нет - только участки изображения.

Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 6.4.2010, 18:04; Ответить: locky-yotu
Сообщение #2


area:hover {border:3px solid #f00}

Вы про это?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bvanosto
bvanosto
Topic Starter сообщение 7.4.2010, 12:01; Ответить: bvanosto
Сообщение #3


ну в том-то и дело, что так не получается.
делаю так:

css:

area:hover {border:3px solid #f00}


html:

<body>
<link rel="stylesheet" type="text/css" href="style.css">
<img align ="center" src="pic.jpg" border="0" width="990" height="150" usemap="#neck_map"/>

<MAP NAME="neck_map">
<area shape="rect" alt="" coords="264,48,316,58" href="handler.php?fret=12" title="" />
</MAP>
</body>

при наведении на область выделения нет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 7.4.2010, 12:26; Ответить: locky-yotu
Сообщение #4


а в каком браузере, при каком доктайпе это все происходит?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bvanosto
bvanosto
Topic Starter сообщение 7.4.2010, 12:47; Ответить: bvanosto
Сообщение #5


доктайп

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

В браузерах IE и Firefox 3.5.9.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 7.4.2010, 12:56; Ответить: Zippovich
Сообщение #6


js пользуйте, на area hover работать не должен.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bvanosto
bvanosto
Topic Starter сообщение 7.4.2010, 13:21; Ответить: bvanosto
Сообщение #7


да вот не хотелось бы js, думал уже. средствами хтмл дхтмл никак не сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bvanosto
bvanosto
Topic Starter сообщение 8.4.2010, 10:44; Ответить: bvanosto
Сообщение #8


upp
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 8.4.2010, 13:33; Ответить: locky-yotu
Сообщение #9


Был не прав, hover действительно не работает. Используйте onmouseover, как Вам и советуют
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bvanosto
bvanosto
Topic Starter сообщение 8.4.2010, 15:11; Ответить: bvanosto
Сообщение #10


ок, а синтаксис не подскажите?

пробую

<area onMouseDown="this.border=3px" shape="rect" alt="" coords="264,48,316,58" href="sr.php?fret=12" title="" />

никак
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3492 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3423 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Иностранная банковская карта + Яндекс.Директ без НДС
Сделаем Вам пластиковую платежную карту и счет иностранного Банка
5 Aloof 739 17.2.2023, 5:24
автор: Skyworker
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6460 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1669 3.3.2021, 12:22
автор: kozak199110


 



RSS Текстовая версия Сейчас: 25.4.2024, 6:27
Дизайн