Foros del Web » Creando para Internet » CSS »

Cambiar submenu desplegable vertical a horizontal

Estas en el tema de Cambiar submenu desplegable vertical a horizontal en el foro de CSS en Foros del Web. Hol amigos/hermanos El tema es el siguiente: Tengo un menu con solapas desplegables en vertical, de forma que algunos items se me hacen muy largos. ...
  #1 (permalink)  
Antiguo 25/07/2011, 11:47
Avatar de datcom  
Fecha de Ingreso: enero-2011
Ubicación: Universo local, Vía láctea, Planeta Azul.
Mensajes: 216
Antigüedad: 6 años, 1 mes
Puntos: 0
Cambiar submenu desplegable vertical a horizontal

Hol amigos/hermanos
El tema es el siguiente:


Tengo un menu con solapas desplegables en vertical, de forma que algunos items se me hacen muy largos. Queria pasar a que se despliguen horizontalmente, como seria eso?


Les dejo el codigo de mi menu.

Código HTML:
<ul>
<li><a href="#">FINCAS Y LOTES</a>
<ul>
<li><a href="fincas.html">CAÑADA SECA</a></li> 
<li><a href="#">RAMA CAÍDA</a></li> 
<li><a href="#">LA LLAVE</a></li> 
<li><a href="#">MONTE COMÁN</a></li> 
<li><a href="#">COLONIA ELENA</a></li> 
<li><a href="#">CUADRO NACIONAL</a></li> 
<li><a href="#">CUADRO BENEGAS</a></li>
<li><a href="#">VILLA ATUEL</a></li> 
<li><a href="#">VILLA 25 DE MAYO</a></li> 
<li><a href="#">ATUEL NORTE</a></li> 
<li><a href="#">JAIME PRATS</a></li> 
 


</ul><!-- end menu inner -->
</li><!-- end menu LI -->
</ul><!-- end menu UL --> 
y el estilo

Código:
#navMenu ul {
	margin:0;
	padding:0;
	line-height:30px;
	
}

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#333;
}

#navMenu ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:30px;
	width:165px;
	display:block;
	color:#FFF;
	border:1px solid #FFF;
	font-size:13px;
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:32px;
}

#navMenu ul li:hover ul {
	visibility:visible;
}


#navMenu li:hover {
	background:#09f;
}

#navMenu ul li:hover ul li a:hover {
	background:#CCC;
	color:#000;
}

#navMenu a:hover {
	color:#000;
}
  #2 (permalink)  
Antiguo 25/07/2011, 15:46
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 6 meses
Puntos: 63
Respuesta: Cambiar submenu desplegable vertical a horizontal

Saludos.

http://www.chuidiang.com/css/ejemplo...egable_css.php

Ahi tienes un ejemplo. Suerte.

Etiquetas: desplegable, horizontal, submenu, vertical, fondo
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 00:19.