de casualidad alguien no tienes un menu de css que tenga tres nives, yo solo he podido con dos niveles
y no quiero usar javascript, es una tarea
gracias
este funciona bien en dos niveles pero en tres no se
me pueden decir que mejorar para que agarre el tercer nivel
ah se me olvido debe ser horizontal como este
ya que he encontrado vertical, pero por mas que trato no puedo
____________________________________________
Código PHP:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title
>Documento
sin t
í
;tulo
</title
> <style type="text/css">
<!--
*{ padding:0px; margin:0px;}
.contenedor { width:100%; background-color: #0000FF;}
.contenedor2 { width:600px; background: #333333; margin:auto; }
.cuerpo{ height:500px;background: #003300;}
/*menu pero no he podido de tres niveles pero desde aqui empieza*/
ul {
background-color: #FFFF33 ;
list-style-type: none;
text-align: center;
}
.menu ul li{
background-color: #009900;
display: inline;
float: left;
width:120px;
}
.menu ul li:hover{
background-color: #CCCCCC;
display: inline;
float: left;
width:120px;
}
.menu li ul{
display: none;
position: relative;
left: 0;
top: 0px;
}
.menu li:hover ul{
display: block ;
position: relative;
left: 0;
top: 0px;
}
-->
</style>
</head>
<body>
<div class="contenedor">
<div class="contenedor2">
<div class="menu">
<ul>
<li>home<ul>
<li>jorge </li>
<li>jorge </li>
<li>jorge </li>
</ul>
</li>
<li>productos</li>
<li>local</li>
<li>diseno</li>
<li>mapa</li>
</ul>
</div>
<div class="cuerpo"> </div>
</div>
</body>
</html>