Cómo centrar un elemento desplegable en HTML

Escrito por elyse james | Traducido por eliana caruso
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo centrar un elemento desplegable en HTML
Para editar una página web deberás estar relativamente familiarizado con la codificación HTML. (Jupiterimages/Pixland/Getty Images)

Al crear una página web, la colocación de imágenes, texto y otros elementos, como los menús desplegables, resulta clave para la funcionalidad de tu sitio web. Si tienes un diseño de sitio web que requiere que el menú desplegable de enlaces se ubique en el centro de la página, podrás centrar el objeto editando rápidamente la página HTML existente. Para editar la página, debes estar relativamente familiarizado con la codificación HTML y saber en qué parte del documento colocaste el código del menú desplegable.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el documento HTML en un editor, como el Bloc de notas, o un programa de HTML como Dreamweaver.

  2. 2

    Busca el menú desplegable en la sección "<BODY>" de tu código. Si estás utilizando un código menú desplegable CSS (Sigla que en inglés refiere a hoja de estilos en cascada), habrá dos zonas de código en tu página HTML. La primera sección del código se encuentra en la parte CSS del código y la segunda sección del código está en el cuerpo de tu HTML. La sección del cuerpo es la parte que tendrás que localizar en el centro de tu menú.

  3. 3

    Escribe "<center>" (sin las comillas) justo antes del código HTML que designa el menú desplegable.

  4. 4

    Desplázate hacia abajo hasta que encuentres la etiqueta "</>" que indica el final del código del menú desplegable. Escribe "</center>" (sin las comillas) para evitar que otros elementos queden centrados además del menú desplegable.

  5. 5

    Guarda el documento HTML y súbelo a tu sitio web para revisarlo y asegurarte de que el menú desplegable haya quedado centrado.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles