Показать сообщение отдельно
  #2 (permalink)  
Старый 15.04.2015, 18:02
Профессор
Отправить личное сообщение для tsigel Посмотреть профиль Найти все сообщения от tsigel
 
Регистрация: 12.12.2012
Сообщений: 1,398

<html>
<head>

<style>

 .form {
     display:none;
  }

  .menu {
     list-style: none
  }

   .menu li {
       float: left;
       width: 200px;
       border: 1px solid #000
    }

    .form {
        display: none;
     }

     .menu li:hover .form {
        display: block
     }

</style>

</head>
<body>

<header>
<ul class="menu">
  <li>item1
    <div class="form">
       <input type="text" placeholder="1" />
    </div>
  </li>
  <li>
    item2
   <div class="form">
       <input type="text" placeholder="2" />
    </div>
  </li>
</ul>
</header>

</body>
<html>
Ответить с цитированием