harvasyuk
-
Posts
2 -
Joined
-
Last visited
harvasyuk's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо, вы очень помогли.
-
<div id="menu"> <ul> <li><a href="#">Выпадающее меню</a> <ul> <li><a href="#">Сторінка 1</a></li> <li><a href="#">Сторінка 2</a></li> <li><a href="#">Сторінка 3</a></li> </ul> </li></ul></div> #menu ul { font: 14px arial; display: inline-table; position: relative; margin: 0; padding: 0; width: 100%;}#menu li { float: left; list-style: none; width: 100%; text-align: center; }#menu li a { text-decoration: none; display: block; color: black; background: white; padding: 15px;}#menu li a:hover { color: black; background: #DCDCDC; transition: all .2s ease-in-out;}#menu ul ul {display: none; position: absolute; top: 100%;}#menu ul ul li { float: none; position: relative;}#menu ul li:hover > ul { display: block;}