Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Меню с "display: block" и IE6

Обсуждение темы Меню с "display: block" и IE6 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Доброго всем времени суток! Итак. У меня возникла след проблема. В IE6 не работает display:block точнее работает, но только при нажатии на ссылку ...


Закрытая тема
 
Опции темы
Старый 04.05.2008, 16:29   #1
Доброго всем времени суток!

Итак. У меня возникла след проблема.
В IE6 не работает display:block точнее работает, но только при нажатии на ссылку а не при наведении на нее курсора. Иными словами возможность нажать на ссылку появляется только при наведении НА ТЕКСТ!

Структура такая.
Есть таблица в ней 2 ячейки и в левой лежат 7 div`ов и в них уже ссылки (типа меню)
Почему именно дивы?...Ну... Список исключил сразу же, ибо не любю, хотя даже и сним не работает. Так же пробовал делать для каждой из ссылок отдельную ячейку - таже ерунда. В файрфосе и опере - все нормуль, а вот а махтоне и ИЕ 6 - только при наведении НА ТЕКСТ...

Итак чтоб не томить долгим описанием дам ссылку на страницу и на css для нее. А вы там уже гляните зорким глазом

http://fahrschule-schellenberg.de/
http://fahrschule-schellenberg.de/styles/main.css

P.S. Я сам из Германии и страничка естественно на немецком
P.P.S. Очень хотелось бы услышать совет по решению проблемы а не обсуждение "дизайна" и тому подобного
 
Старый 04.05.2008, 16:29
Ссылки
Старый 04.05.2008, 17:15   #2
В данном разделе диз не обсуждают
А решить вашу проблемму просто:
<a href="..."><div>Текст кнопки</div></a>

Размеры тогда указывайте для вложенного див-а
а для a ставить display:block в этом случае не надо
 
Этот пользователь сказал спасибо Асмодиан за это полезное сообщение:
Inqubus (05.05.2008)
Старый 04.05.2008, 17:55   #3
Makarenya, "выделение" в ИЕ конечно заработало, НО при этом нижняя пунктирная линия сдвинулась вверх (скрин)
А в ИЕ при этом исчез характерный для ссылки курсор. При наведении на "область" срабатывает a:hover но курсор - стрелка (скрин), а при наведении на сам текст ссылки - вообще как быд-то "cursor: text;" (скрин)
 
Старый 04.05.2008, 21:46   #4
Makarenya, нельзя block-level элементы вкладывать в inline-элементы.
 
Этот пользователь сказал спасибо kost за это полезное сообщение:
Inqubus (05.05.2008)
Старый 04.05.2008, 22:29   #5
kost,
Хоть четкого How-To и нет...я вдохновился и решил еще раз поэксперементировать. ...и вуаля, получилось! В ИЕ6 и Макстоне всё зарабатало.

Пока салюшн такой:
1. выкинул дивы (class="div_navi") и оставил только ссылки:

Код HTML:
<td width="170" valign="top" style="padding:5px 5px 5px 0px;">
              <div class="div_navi"><span class="active_link">Home</span></div>
              <a href="pages/about.html" class="linkz">&Uuml;ber uns</a>
              <a href="pages/location.html" class="linkz">Wo finden Sie uns</a>
              <a href="pages/cars.html" class="linkz">Fahrzeuge</a>
              <a href="pages/education.html" class="linkz">Ausbildung</a>
              <a href="pages/faq.html" class="linkz">H&auml;ufig gestellte Fragen</a>       
              <a href="pages/impressum.html" class="linkz">Impressum</a></td>
2. После чего добавил в стиль ссылок (class="linkz") эфекты из дива, а именно нижнюю пунктирную линию

Код:
a.linkz {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-indent: 17px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/arrow_normal_blood.gif);
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F8F3E0;
}
a.linkz:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF3300;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	display: block;
	text-indent: 17px;
	background-image: url(../images/arrow_over_orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #8EBBC1;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F8F3E0;
}
 
Старый 05.05.2008, 00:53   #6
З.Ы. Махон использует ядро установленного ИЕ на вашей машине, и пасит собстна так же... Не забивайте голову
 
Старый 05.05.2008, 01:41   #7
Цитата:
Сообщение от Newfelix Посмотреть сообщение
З.Ы. Махон использует ядро установленного ИЕ на вашей машине, и пасит собстна так же... Не забивайте голову
Точно. Я что-то и позабыл про это. Ну хотя это только к лучшему...
 
Старый 05.05.2008, 01:41
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
clear:both и display:block radius HTML, CSS, JavaScript 6 18.01.2010 17:35
Продается Apple Cinema Display 30" SamuraiJack Кальянная 0 15.12.2008 14:17
"Оцените, господа!" или "Когда клиент через год переоценивает взгляды" ()@ZI$ Зал дебютантов 15 30.11.2005 09:50
Продажа билетов лотерей "Золотой ключ", "Русское Лото", "ТВ Бинго-шоу" Florid Кальянная 1 22.08.2005 19:24
Очень бы хотелось услышать советы "бывалых" и "знающих" tim Зал дебютантов 10 10.05.2004 09:48


Текущее время: 10:38. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум