Jump to content

harvasyuk

Newbie
  • Posts

    2
  • Joined

  • Last visited

Everything posted by harvasyuk

  1. <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;}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy