Foros del Web » Creando para Internet » CSS »

menu acordion URGE!!!

Estas en el tema de menu acordion URGE!!! en el foro de CSS en Foros del Web. buenas a todos, me encuentro realizando una pagina para un cliente, y el queria un menu acordion, que no fuera flash por lo que tuve ...
  #1 (permalink)  
Antiguo 03/01/2011, 09:48
Avatar de gabriel720  
Fecha de Ingreso: febrero-2007
Ubicación: Guatemala
Mensajes: 96
Antigüedad: 10 años, 9 meses
Puntos: 1
Pregunta menu acordion URGE!!!

buenas a todos, me encuentro realizando una pagina para un cliente, y el queria un menu acordion, que no fuera flash por lo que tuve que busar uno y funciona bien, el problema es que el acordion que aparece sale en diferentes lados dependiendo la resolucion o el tamoaño de la ventana del navegador, alguien me puede ayudar? la pagina es la siguiente

http://www.cttisolutions.com/test/fs...er/index1.html

y ya le di vueltas a todo y no se que mas hacer

este el el codigo css que tengo en la pagina

@charset "utf-8";
/* CSS Document */

* { margin: 0px;
padding: 0px; outline: 0;
}

body {
text-align:center;
margin-top:0px;
background-image: url();
background-repeat: repeat-x;
}

#flash {
float:left;
margin:auto;
width:822px;
height:252px;

}
#news {
float:left;
width:262px;
height:752px;
background-color:#e6e6e6

}

#noticias {
width:100%;
margin-top:0px;
background-color:#E6E6E6;
}

#pie {
margin-top:5px;
float:left;
}

#wrap {
width:1084px;
margin:0 auto;
}

#wrap2 {
width:100%;
margin:0 auto;
}

#menu {
float:left;
width:210px;
height:500px;
background-color:#E6E6E6;

}
#txt {
float:left;
width:612px;
height:500px;
background-color:#ECECEC
}

ul.menu { text-align: right;
font-size: 14px;
width: 210px;
list-style:none;
}

ul.menu ul {
position: fixed; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:23.5%; /* Para que no monte sobre el <li> */
list-style-type: none;
top: 324px;
width:150px;
display:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.sub li:hover a
{
display:block;
background-color: #390a0a;
color: #fff;
}
ul.menu li:hover a
{
display:block;
background-color: #390a0a;
color: #fff;
}
ul.menu li:hover > ul
{
display:block;
}
ul.menu ul li a:hover {
background-color: #e6e6e6;
color: #000;
position: relative;
}
ul.menu a{display: block;
text-decoration: none;
color: #42210B;
background-color: #E6E6E6;
border: solid 1px #e6e6e6;
border-top: none;
padding: 3px;
position: relative;
}

#pie {
margin:0;
background-color:#390a0a;
height:100px;
}

Etiquetas: Ninguno
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:03.