Foros del Web » Creando para Internet » CSS »

Centrar vertical una etiqueta <h1>

Estas en el tema de Centrar vertical una etiqueta <h1> en el foro de CSS en Foros del Web. Hola amigos, estoy intentando centrar en lo alto de una tabla una etiqueta h1 con un texto. Lo estoy haciendo de la siguiente forma: vertical-align: ...
  #1 (permalink)  
Antiguo 18/01/2008, 18:34
Avatar de adexedl  
Fecha de Ingreso: julio-2005
Mensajes: 326
Antigüedad: 19 años, 4 meses
Puntos: 2
Centrar vertical una etiqueta <h1>

Hola amigos,

estoy intentando centrar en lo alto de una tabla una etiqueta h1 con un texto. Lo estoy haciendo de la siguiente forma:

vertical-align: middle;

alguien sabe que estoy haciendo mal ???

Saludos y gracias de antemano
__________________
Diseño Web Canarias
  #2 (permalink)  
Antiguo 18/01/2008, 19:06
Avatar de CrepitantE  
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 421
Antigüedad: 18 años, 1 mes
Puntos: 7
Re: Centrar vertical una etiqueta <h1>

Cambia el vertical-align:middle; por

vertical-align: top;
__________________
-
  #3 (permalink)  
Antiguo 18/01/2008, 19:20
Avatar de adexedl  
Fecha de Ingreso: julio-2005
Mensajes: 326
Antigüedad: 19 años, 4 meses
Puntos: 2
Re: Centrar vertical una etiqueta <h1>

Hola,

lo he hecho pero nada, sigue alineandonse arriba.

Saludos
__________________
Diseño Web Canarias
  #4 (permalink)  
Antiguo 18/01/2008, 20:25
Avatar de CrepitantE  
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 421
Antigüedad: 18 años, 1 mes
Puntos: 7
Re: Centrar vertical una etiqueta <h1>

Hay una solución pero no es en CSS y es colocarle <td valign="middle">

Cita:
estoy intentando centrar en lo alto de una tabla una etiqueta h1 con un texto
te entendi colocarla en lo alto...
__________________
-

Última edición por CrepitantE; 18/01/2008 a las 22:06
  #5 (permalink)  
Antiguo 19/01/2008, 04:29
Avatar de sty
sty
 
Fecha de Ingreso: octubre-2003
Mensajes: 116
Antigüedad: 21 años, 1 mes
Puntos: 1
Re: Centrar vertical una etiqueta <h1>

Código HTML:
padding-top:XXXXXpx; padding-bottom:XXXXXpx
Eso te servirá para centrar el texto verticalmente, a mi me ha sacado de más de un apuro cuando vertical-align no se interpreta igual en los navegadores.

Saludos!
  #6 (permalink)  
Antiguo 19/01/2008, 04:52
Avatar de riskbert  
Fecha de Ingreso: diciembre-2007
Mensajes: 53
Antigüedad: 16 años, 11 meses
Puntos: 0
Re: Centrar vertical una etiqueta <h1>

Prueba con margin-top:auto y margin-bottom: auto

Saludos!
  #7 (permalink)  
Antiguo 19/01/2008, 05:17
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 16 años, 11 meses
Puntos: 24
Re: Centrar vertical una etiqueta <h1>

No estoy seguro del todo, pero creo recordar que para que te haga caso al vertical-align: middle; tienes que definir la altura con el atributo "line-height"
__________________
Grupos de Música
Pop Music Stars
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:52.