Pseudo clase Hover no me funciona en dreamweaver
A tod@s
Espero me puedan ayuda, estoy haciendo un menu desplegable en dreamweaver pero la pseudo clase hover no me funciona, es la unica pseudo clase que tengo.
Les vooy a dejar todo mi codigo,
Gracias
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<style type="text/css">
* {
padding:0px;
margin:0px;
}
#menuDespegable {
margin:auto;
width:700px;
font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
}
ul,ol {
list-style:none;
}
.nav li a {
background-color: #0DCF83;
color: #F8F6F6;
text-decoration: none;
padding: 10px 15px;
display: block;
}
.nav > li {
float:left;
}
.nav li :hover {
background-color:#AFEFD6;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
}
.nav li a:hover > ul {
display:block;
}
#slider {
position:relative;
background-position:center;
background-repeat:repeat;
margin-top:200px;
height:300px;
}
</style>
</head>
<body>
<header>
<nav>
<div id="menuDespegable">
<ul class="nav">
<li class="nav"><a href="">Inicio</a></li>
<li><a href="">Productos</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
<li><a href="">Servicios</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
<li><a href="">Contacto</a></li>
<li><a href="">Acerca de nosotros</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
</ul>
</li>
</ul>
</div>
<div id="slider"></div>
</nav>
</header>
</body>
</html>
1 Respuesta
Respuesta de david ..
1
I. Hola Mónica, no domino Dreamweaver, pero he visto esta información, quizá sea útil. Suerte.
http://www.falconmasters.com/tutoriales/como-hacer-un-menu-desplegable/
http://evelb.es/blog/css3-menu-desplegable-con-hover/
http://dissenyaweb.com/blog/diseno_web/como-hacer-un-menu-desplegable-html-css/
https://developer.mozilla.org/es/docs/Web/CSS/:hover
http://www.aulaclic.es/dreamweaver8/t_17_4.htm
http://www.adrformacion.com/cursos/csupweb2/leccion2/tutorial5.html
