Javascript-форум (https://javascript.ru/forum/)
-   Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)
-   -   Картинки-ссылки в меню не работают в IE7 (https://javascript.ru/forum/css-html-internet-explorer/18061-kartinki-ssylki-v-menyu-ne-rabotayut-v-ie7.html)

Александр345 15.06.2011 15:35

Картинки-ссылки в меню не работают в IE7
 
Здравствуйте, форумчане!

Есть сайт с картинками в меню, IE7 не понимает ссылки на этих картинках, открыть ссылку можно только по правой кливише и выбрать из контекстного меню - перейти по ссылке.
Подскажите пожалуйста как можно эту задачу решить?
Вот сайт, на котором такое меню реализовано (заходить под IE7) -http://ecom2.greenwebdesign.ru
Спасибо за ответы.

trikadin 15.06.2011 17:41

Руки бы отрубил. Потому что блочные элементы нельзя располагать внутри встроенных. А у вас div внутри ссылки.

Читайте: http://htmlbook.ru/samhtml/tipy-tego...ennye-elementy

trikadin 15.06.2011 17:41

И читайте всё вообще, что слева в меню. Внимательно (очень) и по порядку. Много интересного узнаете.

Александр345 16.06.2011 01:02

Внутри ссылки у меня картинка и span в котором еще одна картинка!
Тот див в слайдере, а не в меню.
За подсказку про дивы спасибо!
Всегда есть чему поучится!
Кстати, span это строчный элемент и его можно применять в ссылках

trikadin 16.06.2011 01:38

<a href="inc/customers/industrial_organizations.html">
 <div id="b_industry" style="background-position: center top;"></div>
 <span id="text_industry">Промышленность</span>
</a>


Это из вашего кода, правильно понимаю? Внутри ссылки (встроенный элемент) - div (блочный элемент).

Код доставал с помощью Firebug'а.

ksa 16.06.2011 09:29

Цитата:

Сообщение от Александр345
IE7 не понимает ссылки на этих картинках

Это не так...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
img {
	border: 0;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<a href='http://javascript.ru/forum/css-html-internet-explorer/18061-kartinki-ssylki-v-menyu-ne-rabotayut-v-ie7.html'>
	<img src='http://javascript.ru/forum/images/smilies/smile.gif' />
</a>
</body>
</html>


Всё там работает.

Александр345 16.06.2011 18:33

trikadin,
Да, все правильно! Этот код у меня был, я его исправил, пока не обновил на сайте. Но это не то место о котором я говорил! Я говорил об основном меню, а вы о слайдере. Я исправил дивы, только пока не обновил в Интернете.

ksa, спасибо за наглядный пример! Я уже понял, что накосячил с версткой, но теперь времени нет разбираться. Я для IE7 написал маленький скрипт и все заработало.

Теперь осталось разобраться с hover для IE6.
И найти чем можно посмотреть ошибки скриптов для IE, по типу FireBug для FireFox, а то в слепую не удобно работать!

Может кто подскажет какое-нибудь решение?
Знаю есть такая класная штука для IE - install-debugbar-v5.4.1, но нужно устанавливать под версию IE, а я для теста в 6, 7, 8 версиях пользуюсь Ietester. Можно еще виртуальную машину поставить, но у меня нет нормальной версии (с кряком).
Спасибо за ответы.


Часовой пояс GMT +3, время: 21:07.