¿Cómo centro este menú horizontal?

Hola a todos;

No consigo centrar el menu horizontal superior de mi página http://tumotoclasica.blogspot.com/ para resoluciones superiores a 1024x...

Ahora lo tengo ajustado para que se vea correctamente para resoluciones 1024 pero para resoluciones superiores tanto el menu como el header se descuadran hacia la izquierda.

El código es este:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;

}
#menubar li
{
float: left;
border: outset 4px #FF0000
}
#menubar a:link, #menubar a:visited, #menubar
a:hover {
padding: 0px 2px 0 2px;
display: block;
color: #FFFFFF;
}
#menubar a:hover {
background-color: #FF0000;

}

Creo que el problema está en la propiedad "float: left;" y he probado muchas opciones; con "margin: auto;", asignando ancho (width), ...pero no consigo centrarlo, en cuanto le quito la flotación a la izquierda el menú se vuelve vertical con un botón debajo de otro.

¿Alguien sabe como hacerlo?

Gracias y saludos.

bertix escribió:Hola a todos;

No consigo centrar el menu horizontal superior de mi página http://tumotoclasica.blogspot.com/ para resoluciones superiores a 1024x...

Ahora lo tengo ajustado para que se vea correctamente para resoluciones 1024 pero para resoluciones superiores tanto el menu como el header se descuadran hacia la izquierda.

El código es este:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;

}
#menubar li
{
float: left;
border: outset 4px #FF0000
}
#menubar a:link, #menubar a:visited, #menubar
a:hover {
padding: 0px 2px 0 2px;
display: block;
color: #FFFFFF;
}
#menubar a:hover {
background-color: #FF0000;

}

Creo que el problema está en la propiedad "float: left;" y he probado muchas opciones; con "margin: auto;", asignando ancho (width), ...pero no consigo centrarlo, en cuanto le quito la flotación a la izquierda el menú se vuelve vertical con un botón debajo de otro.

¿Alguien sabe como hacerlo?

Gracias y saludos.

Sencillo, donde dice float: left, le pones float: center, si no funciona ese le pones float: middle, si tampoco funciona le pones margin-left: 20px (o mas segun la posicion que quieras)
Suerte

KENLEGO, NO EXISTE FLOAT:CENTER NI MIDDLE. SOLO FLOAT:LEFT Y RIGHT!!! :wink:

Bertix tu web se ve muy bien en una pantalla de 17'', al menos. Saludos

peugeot escribió:KENLEGO, NO EXISTE FLOAT:CENTER NI MIDDLE. SOLO FLOAT:LEFT Y RIGHT!!! :wink:

Bertix tu web se ve muy bien en una pantalla de 17'', al menos. Saludos

Si existe, tal vez no este en la guia de CCTW pero se que existe, en mi pagina tengo un menu de navegacion que es una tabla con varias columnas, cada columna es un boton, y hago que queden centrados con el float: center, mira aca tengo el codigo CSS para que veas que si existe

.navbuttons {
float: center;
width: 55px;
height: 25px;
color: #E4EBF4;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
}

.navbuttons a:link , .navbuttons a:visited {
display: block;
background-image: url(nav_button2.jpg);
color: #E4EBF4;
line-height: 27px;
text-align: center;
width: 61px;
height: 27px;
text-decoration: none;
border: 0;
}

.navbuttons a:hover, .navbuttons a:active {
background-image: url(nav_over2.jpg);
background-repeat: no-repeat;
color: #CAD0D7;
text-decoration: none;
text-align: center;
line-height: 27px;
width: 61px;
height: 27px;
text-decoration: none;
border: 0;
}

Si me equivoco usa el margin-left que es mas facil, sino esta bien tendras razon pero hasta donde yo se existe, seguire averiguando gracias por tu comentario.

Como peugeot dice yo tenía entendido que float: center no existe y que para centrar se debía poner un margin-left :?, he intentado muchas veces poner float: center pero jamás me ha funcionado :(

Joelo13 escribió:Como peugeot dice yo tenía entendido que float: center no existe y que para centrar se debía poner un margin-left :?

Entonces me habre equivocado yo, disculpen por mi error, mejor usen margin-left ^^ Perdon por mi ignorancia :cry:

Tranquilo KenLego, todititos cometemos errores, yo lo he echo demasiadas veces :wink: , hasta creo que es mi pasatiempo :lol:

Joelo13 escribió:Tranquilo KenLego, todititos cometemos errores, yo lo he echo demasiadas veces :wink: , hasta creo que es mi pasatiempo :lol:

Jeje oka, por cierto, ya que todavia no me presente me presento, mi nombre es Alan, tengo 14 años y gracias a la web de CCTW cree 2 paginas, ambas para clanes del counter-strike, y ahora aunq no lo crean estoy haciendo una pagina para una empresa llamada "por H por B", les presento estas 2 webs: http://www.clanryv.tk/ y la otra http://www.teamvision.tk Y tambien estoy dispuesto a ayudar a quienes tengan problemas con sus paginas, mi pasatiempo es aprender html, css, php y javascript :mrgreen:

KenLego escribió:

Joelo13 escribió:Tranquilo KenLego, todititos cometemos errores, yo lo he echo demasiadas veces :wink: , hasta creo que es mi pasatiempo :lol:

Jeje oka, por cierto, ya que todavia no me presente me presento, mi nombre es Alan, tengo 14 años y gracias a la web de CCTW cree 2 paginas, ambas para clanes del counter-strike, y ahora aunq no lo crean estoy haciendo una pagina para una empresa llamada "por H por B", les presento estas 2 webs: http://www.clanryv.tk/ y la otra http://www.teamvision.tk Y tambien estoy dispuesto a ayudar a quienes tengan problemas con sus paginas, mi pasatiempo es aprender html, css, php y javascript :mrgreen:

Pues ahora me toca a mí, me llamo Joel, tengo 13 años y bueno, estoy experimentando, no sé sobre que hacer mi página, por ahora estoy jugando con los estilos y con todo lo que he aprendido