Foros del Web » Creando para Internet » CSS »

duda menu de navegacion

Estas en el tema de duda menu de navegacion en el foro de CSS en Foros del Web. Hola buenas, tengo una duda y me gustaria saber si podriais ayudarme. Es lo siguiente quisiera poner en mi web un menu de navegacion como ...
  #1 (permalink)  
Antiguo 09/02/2009, 02:02
Avatar de codeman1234  
Fecha de Ingreso: marzo-2008
Mensajes: 545
Antigüedad: 9 años, 9 meses
Puntos: 2
Pregunta duda menu de navegacion

Hola buenas,

tengo una duda y me gustaria saber si podriais ayudarme. Es lo siguiente quisiera poner en mi web un menu de navegacion como tiene esta web www.infobae.com quisiera saber como hacer los cuadraditos que separan cada apartado del menu.

un saludo y gracias
  #2 (permalink)  
Antiguo 09/02/2009, 04:30
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: duda menu de navegacion

Hola mira esto, creo que es lo que quieres.

CSS

Código:
#cabecera ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:25%;
	text-align:center;
}
#cabecera ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:25%;
}
#cabecera ul li a {
	display:block;
	margin:0 0 0 0px;
	padding:3px 10px;
	background:#ddd;
	color:#000;
	text-decoration:none;
	line-height:1.3em;
	border-right: 1px solid #666666;
}
#cabecera ul li a:hover {
   background:#369;
   color:#fff;
}
#cabecera ul li a.active,
#cabecera ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
html

<div id="cabecera">
<ul>
<li><a href="#">Tab one</a></li>
<li><a href="#" class="active">Tab two</a></li>
<li><a href="#">Tab three</a></li>
<li><a href="#">Tab four</a></li>
</ul>
</div>
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 06:38.