Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2012, 05:23
Новичок на форуме
Отправить личное сообщение для Вечный Студент Посмотреть профиль Найти все сообщения от Вечный Студент
 
Регистрация: 28.09.2012
Сообщений: 6

И снова ИЕ, и снова ссылки
Доброго времени суток всем.

Есть такая проблема:

Есть картинка - схема столов в виде прямоугольников. Нужно было сделать для этой картинки своеобразный image mapping, чтобы при наведении на стол, он как то выделялся и при щелчке срабатывал определенный функционал.

Проблема заключается в том что в ИЕ 9,8,7, hover срабатывает только на границе элемента. Внутреннюю область они как бы не видят вообще. Как я понял, некорректно отрабатывает a{ display:block }. Если добавить фон, то работает на ура, но фон меня совершенно не устраивает. background: transparent так же не работает. Поиск по гуглу ничего не дал.

Что делать? Заранее спасибо


Код этого всего:
<style>
#map {
    position:relative;
    width: 945px;
    height: 635px;
}
#tab-1 img {
    margin: 0;
    padding: 0;
    width: 945px;
    height: 635px;
    border: 2px solid #696566;
}

#tab-1 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#tab-1 li a {
    position:absolute;
    display:block;
    text-indent: -9999px;
}


#tab-1 ul a:hover {
    border: 2px solid red;
}

/* Далее идут размеры и позиционирование ссылок  */
</style>
<div id="map" usemap="#tables">
                        <img src="css/img/schema.jpg" alt="schema" style ="width: 945px; height: 635px; border: 2px solid #696566;" />


                       <ul>
                            <li><a href="#" id="table-1"></a></li>
                            <li><a href="#" id="table-2"></a></li>
                            <li><a href="#" id="table-3"></a></li>
                            <li><a href="#" id="table-4"></a></li>
                            ...................................................
                            <li><a href="#" id="table-24"></a></li>
                      </ul>
            </div>

Последний раз редактировалось Вечный Студент, 28.09.2012 в 05:26.
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2012, 08:55
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от Вечный Студент
Проблема заключается в том что в ИЕ 9,8,7, hover срабатывает только на границе элемента. Внутреннюю область они как бы не видят вообще.
Бивас, тест! (с)

<style type="text/css">
a {
	display: block;
	width: 100px;
	height: 100px;
	border: 0;
	background-color: red;
}
</style>
<body>
<a href='#'></a>
</body>


На моей 8-ке все работает. Да и ранее я, описаного тобой "эфекта", не замечал...
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2012, 17:14
Новичок на форуме
Отправить личное сообщение для Вечный Студент Посмотреть профиль Найти все сообщения от Вечный Студент
 
Регистрация: 28.09.2012
Сообщений: 6

Да, я работает, так как у вас задан фон. А попробуйте без него...требуется прозраччная ссылка...

Вот что называется поспал:
нужно было добавить однопикксельный рисунок в фон без повторения. Все заработало
всем спасибо

Последний раз редактировалось Вечный Студент, 28.09.2012 в 17:29.
Ответить с цитированием
  #4 (permalink)  
Старый 01.10.2012, 09:58
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,157

Сообщение от Вечный Студент
требуется прозраччная ссылка
Ну видалл, сам и догадался...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать ссылки из файла CSS корректными для всех директрорий сайта? GrEb (X)HTML/CSS 7 28.01.2020 12:56
Ссылки внутри другой ссылки Madgeniy Events/DOM/Window 4 11.08.2012 14:58
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Зарубить ссылки, как? Volonter Общие вопросы Javascript 8 19.01.2011 14:51
ссылки получали стиль "visited" только на время сессии alexandr_poskrobka Серверные языки и технологии 7 10.03.2010 08:48