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

Менюшка

Обсуждение темы Менюшка в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Прошу совета. Есть менюшка примерно такого вида: Код: <style> div.menu { cursor: pointer; padding: 5px; width: 165; background: #88B0D8; color: white; font-weight: ...


Закрытая тема
 
Опции темы
Старый 30.09.2007, 14:57   #1
Здравствуйте! Прошу совета.

Есть менюшка примерно такого вида:
Код:
<style>
div.menu {
	cursor: pointer;
	padding: 5px;
	width: 165;
	background: #88B0D8;
	color: white;
	font-weight: bold;
	text-align: left;
	font-family: Verdana;
	font-size: 11;
	border-style: solid;
	border-color: #88B0D8;
	border-width: 1;
	}

div.menu:hover {
	border-color: black;
	}

div.item {
	cursor: pointer;
	padding: 5px;
	width: 165;	
	color: black;
	background: white;
	text-align: left;
	font-family: Verdana;
	font-size: 11;
	border-style: solid;
	border-color: #88B0D8;
	border-width: 1;
	}
	
div.item:hover {
	background: white;
	border-color: black;
	}

 .menupad {
	padding-left: 10px;
	}

</style>

<script language=JavaScript>
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
</script>

<div class="menu" onClick="expandit(this)">+ Абитуриенту</div>
<div class="menupad" style="display: block;">
<div class="item">Специальности</div>

<div class="item">Условия</div>
</div>
<div class="menu" onClick="expandit(this)">+ Студенту</div>
<div class="menupad" style="display: none;">
<div class="menu" onClick="expandit(this)">+ Учебные материалы</div>
<div class="menupad" style="display: none;">
<div class="item">2 курс</div>
<div class="item">3 курс</div>
<div class="item">4 курс</div>
</div>
<div class="item">Расписание занятий</div>

<div class="item">Расписание звонков</div>
</div>
<div class="item">Форум</div>

</div>
Мне не нравится то, что при наведении на пункт меню (со ссылкой) указатель мыши принимает вид, как будто он находится над ссылкой, однако щелчек по кнопке не срабатывает, если его совершить не прямо над самой ссылкой. Т.е. проще говоря нужно сделать так, чтобы для перехода к конкретному пункту меню достаточно было щелкнуть в любом месте кнопки, а не именно по самой ссылке внутри кнопки. Подскажите пожалуйста, как такое можно сделать.
Структуру хотелось бы оставить в дивах. Сменить указатель мыши внутри кнопки на обычный не предлагать
Спасибо.
 
Старый 30.09.2007, 14:57
Ссылки
Старый 01.10.2007, 16:26   #2
для ссылки display:block;
 
Старый 02.10.2007, 05:04   #3
Ээ.. как сие расшифровать?
 
Старый 02.10.2007, 08:57   #4
div.item a {display:block;}
 
Старый 02.10.2007, 11:28   #5
Ыыы.. спасибо, помогло
 
Старый 02.10.2007, 11:28
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Менюшка Denis Графические работы 6 15.08.2010 12:36
Выпадающая менюшка на яве Wir2al.ru HTML, CSS, JavaScript 13 02.01.2010 16:17
двигающаяся менюшка mir Технологии Flash 4 24.08.2005 11:25
Менюшка и панели Флэш-плеера ВЛАСТЕЛИН Технологии Flash 13 07.09.2003 00:33


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

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