Cómo centrar una barra de menú Spry

Por marie clay
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.

Paso 1

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

Paso 2

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

Paso 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.

Paso 4

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