Foros del Web » Creando para Internet » CSS »

Menus en CSS

Estas en el tema de Menus en CSS en el foro de CSS en Foros del Web. Hola quiero estoy tratando de hacer un menu en css pero no he podido lograr que funcione, este es el codigo css: body { font: ...
  #1 (permalink)  
Antiguo 20/11/2005, 17:48
 
Fecha de Ingreso: agosto-2005
Mensajes: 13
Antigüedad: 12 años, 4 meses
Puntos: 0
Exclamación Menus en CSS

Hola quiero estoy tratando de hacer un menu en css pero no he podido lograr que funcione, este es el codigo css:


body {
font: normal 11px verdana;
}

ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; }

li ul li a { padding: 2px 5px; }

li:hover ul, li.over ul { display: block; }


este es el codigo html:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!-- Mirrored from alistapart.com/d/horizdropdowns/horizontal2.htm by HTTrack Website Copier/3.x [XR&CO'2003], Thu, 17 Feb 2005 10:55:05 GMT -->
<head>
<title>Horizontal Drop Down Menus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="drop_down.js"></script>
<style type="text/css">
@import "menu.css";
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul>
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>

</ul>
</body>

<!-- Mirrored from alistapart.com/d/horizdropdowns/horizontal2.htm by HTTrack Website Copier/3.x [XR&CO'2003], Thu, 17 Feb 2005 10:55:05 GMT -->
</html>


y por ultimo este es el archivo .js:


startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replaces(" over", "");
}
}
}
}
}
window.onload=startList;


se que es un bastane codigo pero no es muy complicado, les agradeceria mucho si me pudieran ayudar ya que no he podido desplegar el menu.

Gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:34.