Foros del Web » Creando para Internet » CSS »

Alinear verticalmente texto e imágen

Estas en el tema de Alinear verticalmente texto e imágen en el foro de CSS en Foros del Web. Hola buenas, tengo una tabla con filas en las que estoy metiendo una imágen alineada a la izquierda y un texto que a veces es ...
  #1 (permalink)  
Antiguo 21/02/2009, 18:07
 
Fecha de Ingreso: abril-2004
Mensajes: 310
Antigüedad: 20 años
Puntos: 0
Alinear verticalmente texto e imágen

Hola buenas, tengo una tabla con filas en las que estoy metiendo una imágen alineada a la izquierda y un texto que a veces es una sóla línea y otras son 2, para que dicho texto esté siempre al nivel de la imagen. Cuando son 2 líneas de texto no hay problema, porque la imágen tiene ese alto y queda perfecto, pero cuando es sólo una línea, se queda el texto arriba del todo y queda mucho hueco debajo. Me gustaría que se quedara en el centro de la fila, con igual de hueco por arriba que por abajo. Este es el código actual:

<tr>
<td class="padded">
<img src="1453.jpg" vspace="2" width="40" align="left" border="2" height="40" hspace="2">Texto a veces una línea, a veces 2.
</td>
</tr>

Usando STYLE="vertical-align:middle" me funciona sólo si la imágen no está alineada a la izquierda, pero en ese caso cuando son 2 líneas, al no estar alineada a la izquierda la imágen, la segunda línea se muestra debajo de la imágen y no al mismo nivel.

¿Alguna solución? Supongo que metiendo las imágenes en una columna y los textos en otra, se podría hacer sin problema, pero si están ambos en la misma fila?

Muchas gracias.
  #2 (permalink)  
Antiguo 22/02/2009, 04:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: Alinear verticalmente texto e imágen

Hola:

Date una vuelta por esta página, concretamente por el apartado Centrado vertical 2, quizá te sirva.

Saludos.

  #3 (permalink)  
Antiguo 23/02/2009, 11:39
 
Fecha de Ingreso: febrero-2009
Ubicación: Colombia
Mensajes: 20
Antigüedad: 15 años, 2 meses
Puntos: 1
Respuesta: Alinear verticalmente texto e imágen

intenta dentro de los styles de class=padded ponerle esto:

line-height:40px;

otra cosa, si estas trabajando con tablas ahi el vertical aligment si es facil, al td ponle valign="middle"
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 09:33.