Bymas | CSS3 Выдвижное меню

Тема закрыта by

ZnTor
Причина: Спасибо помог 348899275 и Yoll Wood

Возникла такая проблема,изучаю CSS3 и начал писать выдвижное меню но что-то пошло не так...
Вот код HTML

<div class="menu">
<div id="navigation">
<li>
<a href="#">Выдвижное меню</a>
<ul class="dropdown">
<li><a href="#">Главная</a></li>
<li><a href="#">Список доменов</a></li>
<li><a href="#">Добавить домен</a></li>
<li><a href="#">Хотинг</a></li>
</ul>
</li>
</div>
</div>

Вот файл CSS

#navigation {
height : 65px;
}

#navigation ul li {
float: left;
position: relative;
}

#navigation ul li a {
color: #fff;
padding: 0 15px;
font-family: "Cuprum". sans-serif;
text-decoration: none;
line-height: 65px;
display: block;
height: 65px;
}

#navigation ul li a:hover {
background: rgba(183. 43. 43. 0.72);
text-decoration: underline;
}

#navigation .dropdown {
position: absolute;
top: 100%;
width: 150px;
background: #22dd68;
display: none;
}

#navigation li:hover .dropdown {
display: block;
}

#navigation .dropdown li {
width: 100%;
}

Суть такова,наводишь на меню и оно выдвигается,но что-то не так...

не хватает js файлы, ибо же в css я не вижу свойства animation

348899275 , файлов js нету...а вот по анонимайзеру поподробней если можно

BMW7777 , может броузер не поддерживает? ))

Сибирский , все 3 браузера?нет,ошибка где-то но я ее не вижу(

BMW7777 (24.10.2017 в 10:51)
Возникла такая проблема,изучаю CSS3 и начал писать выдвижное меню но что-то пошло не так...
Вот код HTML
<div class="menu">
<div id="navigation">
<li>
<a href="#">Выдвижное меню</a>
<ul class="dropdown">
<li><a href="#">Главная</a></li>
<li><a href="#">Список доменов</a></li>
<li><a href="#">Добавить домен</a></li>
<li><a href="#">Хотинг</a></li>
</ul>
</li>
</div>
</div>
Вот файл CSS
#navigation {
height : 65px;
}

#navigation ul li {
float: left;
position: relative;
}

#navigation ul li a {
color: #fff;
padding: 0 15px;
font-family: "Cuprum". sans-serif;
text-decoration: none;
line-height: 65px;
display: block;
height: 65px;
}

#navigation ul li a:hover {
background: rgba(183. 43. 43. 0.72);
text-decoration: underline;
}

#navigation .dropdown {
position: absolute;
top: 100%;
width: 150px;
background: #22dd68;
display: none;
}

#navigation li:hover .dropdown {
display: block;
}

#navigation .dropdown li {
width: 100%;
}
Суть такова,наводишь на меню и оно выдвигается,но что-то не так...

если наводить,то тебе примерно такого хватит) куда окуратней

  
 <style> 
 .dropdown { 
     position: relative; 
     display: inline-block; 
 } 
  
 .dropdown-content { 
     display: none; 
     position: absolute; 
     background-color: #f9f9f9; 
     min-width: 160px; 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
     padding: 12px 16px; 
     z-index: 1; 
 } 
  
 .dropdown:hover .dropdown-content { 
     display: block; 
 } 
 </style> 
  
 <div class="dropdown"> 
   <span>Наведи мышкой</span> 
   <div class="dropdown-content"> 
     <p>Привет!</p> 
   </div> 
 </div>

________
посл. ред. 24.10.2017 в 11:05; всего 1 раз(а); by 348899275

Yoll Wood , Нашел,спс,но теперь проблема,меню работает нормально,но проблема в том что ссылки в меню нету(название ссылок)

BMW7777 ,

#navigation a{
color: #000;
}