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