vertical-align para atras......

[Snake nS]

Tengo una capa:

Código:

<div class="derecha1"><? include("includes/menu-horizontal.html"); ?></div>

y en css las propiedades de la misma son:

Código:

.derecha1 { width:656px; height:24px; float:right; background-image: url(../Images/barraremix.gif); font-size:15px;  vertical-align: middle; text-indent: 16px; font-family:Verdana, Arial, Helvetica, sans-serif;}

El problema es que no puedo lograr alinear el texto de la capa en el centro.
La sangria, el tipo de letra y el tamaño funcionan a exepcion del atributo que nombre.

El include no es mas que un archivo html con una linea de texto comun y corriente.

[KnowDemon]

Hola,

La regla vertical-align no realiza la acción que pareces esperar. Se aplica a elementos en línea y sirve para "ajustar" la linea base de un texto (o elemento) con respecto a los que lo rodean.

Para conseguir el efecto que deseas tal vez sea mejor colocar un padding inferior y superior al div, aunque esto puede acarrearte problemas si es realmente necesario que tenga un alto "fijo" (en pixeles), tal y como especificas en tu ejemplo.

Otra solución es encerrar tu texto en otro elemento en bloque (otro div) y asignarle algo como:

position: relative; top: 50%;

Eso alineará la parte superior de tu texto al centro. Si conoces la altura del div interno puedes utilizar un margen superior negativo de la mitad de este:

margin-top: -34px; /*Suponiendo que mide 68px de alto*/

[braulito]

Más fácil es usando la propiedad line-height

Código:

line-height: 24px;

Verás como se alínea verticalmente.