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

Admin Abril 11, 2015 Internet 100 0
FONT SIZE:
fontsize_dec
fontsize_inc

Alinear objetos horizontalmente en hojas CSS (Cascading Style) requiere dos cosas: un márgenes globales ancho y concesionarios. Para su menú horizontal, siempre que tenga una anchura ya configurado, puede agregar "margin: auto;" para el código para centrar en la página. Esto funciona en todos los navegadores, aunque su éxito dependerá de lo bien que codificó el resto de su página web. Centrado va a funcionar mejor en un menú programado en HTML como una lista o estilo de viñeta "desordenada" de que usted o alguien más ya una decoración cuidada con un menú CSS.

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 de la página Web, buscando en el código de la cabeza de la etiqueta "" que apunta a un archivo CSS. Si encuentra más archivos CSS referenciados, abra la principal, normalmente llamada genérica como "default" o "estilo". Abra el archivo CSS que se hace referencia por su página web.

Busque el código para el menú horizontal en el código de la página web. La mayor parte del menú utilizando el código HTML para listas desordenadas para organizar enlaces:


    Page One

Tenga en cuenta el ID nombre de la lista no ordenada. En el ejemplo anterior, el nombre de ID es "menú". Añadir una identificación nombre, si no ha encontrado uno en el código.

Ir al archivo CSS que se ha abierto y escribir un selector para "seleccionar" en el menú de su ID en la parte inferior del archivo:

#menu {}

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

margin: auto;

  Like 0   Dislike 0
Comentarios (0)
Sin comentarios

Añadir un comentario

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caracteres a la izquierda: 3000
captcha