Ver Mensaje Individual
  #19 (permalink)  
Antiguo 10/02/2009, 03:46
Avatar de talmente
talmente
 
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 16 años, 5 meses
Puntos: 4
Respuesta: Como centrar izzymenu

Hola, me gustaria aportar esta otra forma.

Código:
<div id="cabecera">
   <ul>
      <li><a href="#">uno</a></li>
      <li><a href="#" class="active">dos</a></li>
      <li><a href="#">tres</a></li>
      <li><a href="#">cuatro</a></li>
   </ul>
Código:
#cabecera {
	float:left;
	width:100%;
	background:#fff;
	border-bottom:4px solid #000;
	overflow:hidden;
	position:relative;
}
#cabecera ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}


#cabecera ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}
#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;
}