Cómo centrar una barra de menú Spry

Escrito por marie clay | Traducido por paulo gutierrez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo centrar una barra de menú Spry
Aprende a centrar una barra de menú Spry. (Jupiterimages/Pixland/Getty Images)

Las capacidades Spry de Adobe Dreamweaver permiten agregar elementos web impulsados por Ajax con sólo algunos clics del mouse. El método estándar para centrar objetos en HTML no le da formato a los elementos UL como los menús Spry. Cambiar los ajustes predeterminados del menú permite que el tamaño, la forma y el aspecto de la barra sea modificado y los menús de navegación se puedan centrar con alteraciones menores a la hoja de estilo en cascada (CSS, por sus siglas en inglés) asociada.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Navega hasta "SpryAssets" en el directorio de tu sitio web, luego abre "SpryMenuBarHorizontal.css" o "SpryMenuBarVertical.css".

  2. 2

    Desplázate hasta "ul.MenuBarHorizontal" o "ul.MenuBarVertical" y cambia el ajuste de margen actual a "auto".

  3. 3

    Cambia el ancho actual desde "auto" a un número de píxeles específico agregando "#px" y reemplazando el símbolo "#" con el número de píxeles.

  4. 4

    Guarda el archivo CSS y abre tu sitio web. Ahora la barra de menú se encuentra centrada.

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