¿Cómo puedo Centro de un menú horizontal en CSS?

Centrado horizontal Elementos de estilo en cascada Hojas de código (CSS) requiere dos cosas: una anchura total y los márgenes automáticos. Para su menú horizontal, con tal de que tiene un ancho ya establecido, puede añadir "margen: auto;" a su código para centrarla en la página. Esto funciona en todos los navegadores, aunque su éxito dependerá de lo bien que codificaba el resto de su página Web. De centrado que funciona mejor en un menú programado en HTML como una lista o de estilo de bala "desordenada" que usted o alguien más ya de estilo como un menú usando CSS.

Instrucciones

1 Abra la página Web que contiene el menú horizontal en el Bloc de notas o un editor de código. Busque la hoja de estilos para su página web buscando en la cabeza del código de la etiqueta "<link>" que apunta a un archivo CSS. Si encuentra varios archivos CSS que se hace referencia, abra la principal, normalmente llamado algo genérico como "default" o "estilo". Abra el archivo CSS que hace referencia a su página Web.

2 Busque el código para el menú horizontal en el código de la página Web. La mayoría de los menús utilizan el código HTML para listas desordenadas para organizar enlaces:

<Ul ID = "Menú">

<Li> <a href="page1.html"> la página una </a> </ li>

</ Ul>

Tome nota del nombre del ID de la lista desordenada. En el ejemplo anterior, el nombre de identificación es "menú". Añadir un nombre de identificación si no encuentra uno en el código.

3 Vaya a su archivo CSS que abrió y escribir un selector para "seleccionar" el menú mediante su ID en la parte inferior del archivo:

menú {}

4 Agregue el siguiente código entre las llaves de su selector CSS:

margen: auto;

Consejos y advertencias

• márgenes automáticos se basan en una anchura de sus cálculos. Su menú debe tener un valor de ancho situado en CSS, pero la mayoría ya tendrá este código.
• Copias de seguridad de todos los archivos de página Web, incluyendo archivos CSS, al editar su sitio web.