Foros del Web » Creando para Internet » CSS »

Problema con Span + Imagen Fondo + Alineacion vertical texto

Estas en el tema de Problema con Span + Imagen Fondo + Alineacion vertical texto en el foro de CSS en Foros del Web. Código HTML: <span style= "display: inline-block; display:-moz-inline-box; background-image: url(imagen.jpg);background-repeat: no-repeat; height:32px;width:52px; padding-left:2px;padding-bottom:5px;margin:1px" > Texto </span> Tengo un Span de DOS lineas de alto , con ...
  #1 (permalink)  
Antiguo 23/09/2009, 04:52
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 8 años, 4 meses
Puntos: 150
Problema con Span + Imagen Fondo + Alineacion vertical texto

Código HTML:
<span style="display: inline-block; display:-moz-inline-box; background-image: 
url(imagen.jpg);background-repeat: no-repeat; height:32px;width:52px; 
padding-left:2px;padding-bottom:5px;margin:1px">
 Texto 
</span> 
Tengo un Span de DOS lineas de alto, con una imagen de fondo, pero no consigo que el texto dentro del span este alineado verticalmente abajo (bottom). Necesito que sea SPAN, no un DIV, ya que iran varios en la misma linea.

Probe con la propiedad vertical-align pero nada..... eso alinea todo el span respecto al resto de la linea de la que forma parte... probe muchas propiedades mas y nada! asi que aqui estoy a ver un especialista pueda decirme como hacerlo

Gracias
  #2 (permalink)  
Antiguo 23/09/2009, 22:25
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con Span + Imagen Fondo + Alineacion vertical texto

si el texto se pasa de de 2 lineas no te servira "line-height"... entonces tendrias que centrarlo usando "padding" tanto top como bottom..... pero si es de una linea como debe ser el span (supongo) con line-height te vale
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:31.