Foros del Web » Creando para Internet » CSS »

menu css -- heeeelp !!!

Estas en el tema de menu css -- heeeelp !!! en el foro de CSS en Foros del Web. Hola a todos Soy nuevo en el sitio, y quizá alguien ya planteo este tema. Pero me gustaría que alguien me lo aclare, he leido ...
  #1 (permalink)  
Antiguo 28/02/2008, 14:08
 
Fecha de Ingreso: febrero-2008
Mensajes: 17
Antigüedad: 9 años, 9 meses
Puntos: 0
menu css -- heeeelp !!!

Hola a todos
Soy nuevo en el sitio, y quizá alguien ya planteo este tema. Pero me gustaría que alguien me lo aclare, he leido bastante y probado varias combinaciones pero ninguna me esta funcionando. Estoy rediseñando mi portal, y quiero hacer un MENU en CSS. En vertical y horizontal... para empezar plantee el vertical.
Pero no logro encontrar con el código para hacerlo DESPLEGABLE, alguien podra darme una mano para conseguirlo....
Les paso una url donde estoy probando con este menu
www.construirturismo.com.ar/infodestinos.asp

Tengo dos archivos
1. MENU.ASP.. con este código[/HTML]

<div id="menu7">
<ul>
<li><a href="#1" title="Home">Home</a></li>
<li><a href="#2" title="Buenos Aires">Buenos Aires</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#3" title="Services">Cataratas del Iguazu</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#4" title="Portfolio">El Calafate</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#5" title="Store">Ushuaia</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#6" title="Download">Puerto Madryn</a></li>
<ul>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
<li><a href="#6" title="Download">Bariloche</a></li>
<ul id=desplegable>
<li><a href="#1" title="Paquetes">Paquetes</a></li>
<li><a href="#2" title="Excursiones">Excrusiones</a></li>
<li><a href="#3" title="Hoteles">Hoteles</a></li>
<li><a href="#4" title="Informacion">Informacion</a></li>
</ul>
</ul>
</div>

2. NEWSTYLES.CSS con este código para el menu

ul {
list-style: none;
margin: 0;
padding: 0;
}

li {
float: left;
position: relative;
width: 150px;
}




#menu7 {
width: 150px;
border-style: none dashed none dashed;
border-color: #608FB5;
font-size: 10px;
font-weight: bold;
border-width: 1px;
}

#menu7 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 22px;
text-decoration: none;
}

#menu7 li a:link, #menu7 li a:visited {
color: #1D537F;
display: block;
background: url(/imagesok/menu7.gif) repeat-x;
padding: 10px 0 0 10px;
}

#menu7 li a:hover {
color: #fff;
background: url(/imagesok/menu7.gif) repeat-x 0 -32px;
padding: 10px 0 0 10px;
}

#menu7 li a:active {
color: #fff;
background: url(/imagesok/menu7.gif) repeat-x 0 -64px;
padding: 10px 0 0 10px;
}
  #2 (permalink)  
Antiguo 28/02/2008, 14:23
Avatar de foetus  
Fecha de Ingreso: febrero-2008
Mensajes: 3
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: menu css -- heeeelp !!!

saludos Peiping,

creo que la unica forma es con javascript, ya que debes manejar eventos del mouse, te aconsejo que uses una libreria como RICO "http://openrico.org" , MOOTOLS "http://mootools.net" o JQUERY "http://jquery.com". o si quieres hacer tu propia libreria...
  #3 (permalink)  
Antiguo 29/02/2008, 06:25
 
Fecha de Ingreso: febrero-2008
Mensajes: 17
Antigüedad: 9 años, 9 meses
Puntos: 0
Re: menu css -- heeeelp !!!

gracias por la información... empezaré a chusmear por esas web que me pasaste.
  #4 (permalink)  
Antiguo 01/03/2008, 17:13
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: menu css -- heeeelp !!!

yo no te aconsejo que sues ajvascript nunca para ahcer menús anidados.

aquí tienes: menu anidado css y aquí unos mas
__________________
No diseñes usando tablas.
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 16:51.