Foros del Web » Creando para Internet » CSS »

de horizintal a vertical

Estas en el tema de de horizintal a vertical en el foro de CSS en Foros del Web. Hola, como le va? Como hago para pasar este menu de lista horizontal a uno vertical? gracias Código PHP: <div id="navbar" class="clearfloat"> <ul id="page-bar" class="left clearfloat"> <li><a href=" <?php  echo  get_option ...
  #1 (permalink)  
Antiguo 03/09/2008, 15:22
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
de horizintal a vertical

Hola, como le va?

Como hago para pasar este menu de lista horizontal a uno vertical?

gracias

Código PHP:
<div id="navbar" class="clearfloat">

<ul id="page-bar" class="left clearfloat">

<li><a href="<?php echo get_option('home'); ?>/">inicio</a></li>

<?php wp_list_pages('sort_column=menu_order&title_li='); ?>

</ul>
</div>
Código HTML:
/* Navigation Bar*/
#navbar {
	margin:0 auto;
	margin-top:7px;
	padding:0px 0px;
	text-transform:uppercase;
	background:#A8DF00}

#page-bar {
	width:722px;
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	border-right:1px solid #98CA00;
	}

#page-bar li:hover {
	background: #CFFF40}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	font-weight:bold;
	color:#000;
	display:block;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	color:#333}

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:8px;
	margin-right:10px;
	}
#searchform input{border: #95C600 1px solid;}

/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 122px;
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #cfff40;
	width: 200px;
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #AFEA00;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #ECFFB3;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}
  #2 (permalink)  
Antiguo 03/09/2008, 15:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: de horizintal a vertical

Hola Originalconcept
Mira el trabajo de Mikemoro publicado en las faq´s
Y también hay este post que creo que encontrarás interesante
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 04/09/2008, 14:13
 
Fecha de Ingreso: septiembre-2006
Mensajes: 132
Antigüedad: 11 años, 3 meses
Puntos: 2
Respuesta: de horizintal a vertical

muchas gracias
  #4 (permalink)  
Antiguo 04/09/2008, 15:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: de horizintal a vertical

muchas de nada
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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:08.