Foros del Web » Creando para Internet » CSS »

Centrar encabezado sobre background

Estas en el tema de Centrar encabezado sobre background en el foro de CSS en Foros del Web. Hola amigos, aver si pueden resolverme esta duda. Tengo un h3 con un background-image de 30px de alto. El problema es q el texto del ...
  #1 (permalink)  
Antiguo 09/03/2011, 16:13
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 6 años, 9 meses
Puntos: 0
Centrar encabezado sobre background

Hola amigos, aver si pueden resolverme esta duda.

Tengo un h3 con un background-image de 30px de alto. El problema es q el texto del h3 no me keda centrado verticalmente sobre la imagen de background. Si meto el encabezado en un div no hay problemas pero hay alguna forma de centrarlo sin necesidad de div. He probado con padding-top y se centra pero sobresale y empieza a repetir la imagen por debajo.

Gracias.
  #2 (permalink)  
Antiguo 09/03/2011, 17:16
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Centrar encabezado sobre background

Puede que te sirva el utilizar la propiedad line-height:30px;
  #3 (permalink)  
Antiguo 10/03/2011, 06:13
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Centrar encabezado sobre background

Perfecto, ha funcionado, muchisimas gracias
Pero si la imagen tiene una altura de 30px si yo le aplico ese valor al line-height ¿no deberia salirse el texto de la imagen? No entiendo muy bien como funciona.

Gracias de nuevo
  #4 (permalink)  
Antiguo 10/03/2011, 07:00
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Centrar encabezado sobre background

La propiedad line-height no define la altura del texto, eso lo hace font-size.
Lo que se modifica con line-height es la altura de la caja que encierra al texto, es decir, cambiamos la distancia entre renglones.
Para que line-height centre adecuadamente el texto de un renglón debe eliminarse el padding (o hacer que sea igual el superior y el inferior y descontarlo del valor de line-height).
  #5 (permalink)  
Antiguo 12/03/2011, 09:13
 
Fecha de Ingreso: febrero-2011
Mensajes: 21
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Centrar encabezado sobre background

Ok ya lo he entendido, muchisimas gracias por la aclaracion.

Saludos

Etiquetas: encabezado, fondo
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:41.