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

voldemen · 15.07.2010, 13:39

как переделать код, чтобы меню выпадало вправо. а второй способ чтобы в верх
Код

<head>


<style type="text/css">
<!--

body {
font: 11px Verdana;
background: #ffffff;
color: black;
}

.wrapper a {
width: 174px;
padding: 3px;
display: block;
background: white;
color: black;
text-decoration: none;
}

.wrapper a:hover {
display: block;
background: salmon;
color: white;
}

.item1_norm {
width: 180px;
height: 18px;
margin: 30px 0 0 10px;
float: left;
overflow: hidden;
border: solid 1px black;
}

.item1_hover {
width: 180px;
margin: 30px 0 0 10px;
float: left;
overflow: visible;
border: solid 1px black;
}

</style>

</head>

<body>

<div class="wrapper">

<div class="item1_norm" onmouseover="this.className='item1_ hover';" onmouseout="this.className='item1_n orm';">
<strong>Услуги</strong></a>
<a href="http://..............>-по аттестации рабочих мест</a>
<a href="http://..............">-по экологии</a>
<a href="http://..............">-по сертификации в ССОТ</a>
<a href="http://...............">-по измерениям для целей производственного контроля</a>

</div>
</body>
</html>

15.07.2010, 13:39	#1
voldemen Пользователь Регистрация: 24.04.2010 Сообщений: 30	Выпадающее меню как переделать код, чтобы меню выпадало вправо. а второй способ чтобы в верх Код <head> <!-- Style CSS --> <style type="text/css"> <!-- body { font: 11px Verdana; background: #ffffff; color: black; } .wrapper a { width: 174px; padding: 3px; display: block; background: white; color: black; text-decoration: none; } .wrapper a:hover { display: block; background: salmon; color: white; } .item1_norm { width: 180px; height: 18px; margin: 30px 0 0 10px; float: left; overflow: hidden; border: solid 1px black; } .item1_hover { width: 180px; margin: 30px 0 0 10px; float: left; overflow: visible; border: solid 1px black; } </style> </head> <body> <div class="wrapper"> <div class="item1_norm" onmouseover="this.className='item1_ hover';" onmouseout="this.className='item1_n orm';"> <strong>Услуги</strong></a> <a href="http://..............>-по аттестации рабочих мест</a> <a href="http://..............">-по экологии</a> <a href="http://..............">-по сертификации в ССОТ</a> <a href="http://...............">-по измерениям для целей производственного контроля</a> </div> </body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Выпадающее меню	DICTATOR	Помощь студентам	3	28.11.2009 15:18
Выпадающее меню	dieselred	HTML и CSS	1	19.07.2009 21:45
Выпадающее меню в Delphi	boostman	Общие вопросы Delphi	3	08.08.2008 08:21
Выпадающее меню	CHERT	БД в Delphi	17	16.06.2007 04:55