Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/08/2009, 03:19
JMCV
 
Fecha de Ingreso: agosto-2009
Mensajes: 35
Antigüedad: 15 años, 2 meses
Puntos: 0
Crear menu desplegables subyacentes en horizontal con CSS

Hola buenas tardes a todos. A ver si alguienlogra solucionarme este problema.

Yo quiero tener un menu desplegable en css en el que los elementos de la primera lista desordenada estén en horizontal, los segundos en vertical, los terceros en horizontal, los cuartos en vertical... y así sucesivamente. Sin embargo, y aunque el resto de las propiedades me las coge perfectamente y el primer li me lo coloca en horizontal a partir del segundo me coloca todos en vertical.
¿Alguien puede ayudarme?

Os dejo el CSS


Cita:
#menudesp {
/*font-size:10pt; */
text-align:center;
font-family:Arial, Helvetica, sans-serif;
/*font-weight:bold;*/
/*position:relative; */
border:0px;
/*cursor:pointer;*/
z-index:100;
}



#menudesp ul, #menudesp ul ul, #menudesp ul ul ul, #menudesp ul ul ul ul{
padding:0;
margin:0;
list-style-type:none;
}

#menudesp li{
display:block;
position:relative;
float:left;
width:75px;
height:24px;
z-index:100;
}

#menudesp a, #menudesp a:visited {
/*cursor:auto;*/
display:block;
text-decoration:none;
color:#000000;
}

#menudesp a:hover {
background-image:url(../recursos/pestana_menudesp_morado.png);
color:#FFFFFF; }
#menudesp ul li{
font-size:8.5pt;

cursor:default;
background-image:url(../recursos/pestana_menudesp.png);
text-align:center;
margin-bottom:0;
line-height:22px;
}


#menudesp ul ul {
display:none;

list-style:none;
height:0;
left:0;
}



#menudesp ul li:hover >ul{
display:block;
}


#menudesp li li{
background-image:url(../recursos/pestana_menudesp_blanco.png);
font-size:0.7em;
font-weight:bolder;
margin:0;}

#menudesp li li li{
position:relative;
background-image:url(../recursos/pestana_menudesp_negro.png);
font-size:1.2em;
font-weight:100;
margin:0;
top:-20px;
left:75px;
color:#6699FF;
}
#menudesp li li li a:link, #menudesp li li li a:visited {
color:#FFFFFF;
}

#menudesp li li li li{
position:relative;
background-image:url(../recursos/pestana_menudesp_azultejano.png);
font-size:1.2em;
margin:0;
top:-20px;
left:75px;
color:#FFFFFF;
}
#menudesp li li li li a:link, #menudesp li li li li a:visited {
color:#FFFFFF;
}
Muchas Gracias

Última edición por JMCV; 30/08/2009 a las 03:26