¿Cómo centrar el texto sobre una imagen en una celda de tabla usando javascript, css y/o html?
Tengo una tabla HTML que contiene imágenes, todas del mismo tamaño, y quiero centrar una etiqueta de texto sobre cada imagen. El texto de las etiquetas puede variar de tamaño. El centrado horizontal no es difícil, pero el centrado vertical sí lo es.
ADDENDUM: terminé teniendo que usar javascript para centrar el texto de manera confiable usando un div de tamaño fijo con posicionamiento absoluto; simplemente no pude hacer que funcionara de otra manera
Solución del problema
podrías intentar poner las imágenes en segundo plano.
<table>
<tr>
<td style="background: url(myImg.jpg) no-repeat; vertical-align: middle; text-align: center">
Here is my text
</td>
</tr>
</table>
Solo necesitará establecer la altura y el ancho en la celda y eso debería ser todo.
No hay comentarios:
Publicar un comentario