GOOGLE ADS

jueves, 28 de abril de 2022

¿Cómo centrar el texto sobre una imagen en una tabla usando javascript, css y/o html?

¿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

Regla de Firestore para acceder a la generación de subcolección Permisos faltantes o insuficientes

Tengo problemas con las reglas de Firestore para permitir el acceso a algunos recursos en una subcolección. Tengo algunos requests document...