Выпадающее меню - HTML и CSS

Fryg · 19.12.2011, 17:16

есть код:

Код:

<html>
<head>
<style>
ul{
	width:180px;
	list-style:none;
	font-family:Verdana;
	font-size:10px;
}
li ul{
	position:absolute;
	display:none;
	margin:-23px 0 0 179px;
}
li a{
	display:block;
	padding:5px;
	text-decoration:none;
	color:#666;
	border:#ccc solid 1px;
	background-color:#f0f0f0;
	border-bottom:none;
}
li a:hover{
	color:#ffe;
	background-color:#5488af;
}
li:hover ul{
	display:block;
}
.brd{
	border-bottom:#ccc solid 1px;
}
#pictures{
	position:absolute;
	top:13px;
	left:170px;
}
</style>
</head>
<body>
<ul id="menu">	
	<li id="podmenu"><a href="test.html">Тест<img src="arrow.png" id="pictures"></a>
		<ul>
			<li><a href="test1.html">Тест1</a></li>
			<li><a href="test2.html">Тест2</a></li>
			<li><a href="test3.html">Тест3</a></li>
			<li><a href="test4.html" class="brd">Тест4</a></li>
		</ul>
	</li>		
</ul>
</body>
</html>

можно как нибудь сделать чтобы меню выпадало не при наведении, а при нажатии?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выпадающее меню	Molodoy hacker	Общие вопросы Delphi	4	10.05.2011 16:39
Выпадающее меню	dvuwka	HTML и CSS	1	23.04.2011 03:22
Выпадающее меню	DICTATOR	Помощь студентам	3	28.11.2009 15:18
Выпадающее меню	CHERT	БД в Delphi	17	16.06.2007 04:55