Cómo cambiar la altura de menú en Spry

estructura Spry de Adobe permite a los diseñadores web para implementar fácilmente las características dinámicas en sus páginas, incluyendo un menú de navegación desplegable. Adobe ha añadido una función del menú de Spry a Dreamweaver como un medio para crear fácilmente la navegación de múltiples niveles, pero no siempre está claro cómo personalizar el aspecto de la barra de menús. En lugar de manipular el menú en la vista de diseño, ajuste las clases CSS relacionadas para obtener la apariencia que desea.

Instrucciones

1 Abra el documento CSS asociada con el HTML de su menú de Spry se colocó en. Si se utiliza Dreamweaver, este es el código que se creó en el archivo SpryMenuBar.css cuando se creó el menú.

2 Busque el "ul.MenuBarHorizontal un" selector. Los dos atributos que controlan la altura de la barra de navegación principal son el tamaño del texto y el relleno alrededor de ella. Decidir el tamaño que desea que el texto y agrega un atributo de tamaño de la fuente a este selector. Por ejemplo:

font-size: 14px;

3 Tome la altura deseada de su menú en píxeles y restar el tamaño de la fuente de ella. Divida este número en dos para obtener el relleno superior e inferior se requiera. Quitar el atributo de relleno existente y sus valores.

4 Crear un nuevo atributo de relleno seguido de los nuevos valores que ha determinado. Utilice los valores de píxeles en lugar de EMS e introducir los valores en el siguiente orden: arriba, derecha, abajo, izquierda. Para ilustrar un menú con una altura de 40 píxeles y tamaño de fuente de 14px, escribir el atributo de relleno de la siguiente manera:

padding: 13px 0 13px 0;

Consejos y advertencias

• Centrar el texto del enlace dentro de su bloque en relación con la "text-align: center" atributo.