.png.022b5452a8f28f552bc9430097a16da2.png)
Buenas!!
estaba editando en mi web de mascotas una tabla con html en una página de Prestashop y le he asignado valores numéricos para el width y height, claro y en el PC muy bien pero luego en el móvil se ven solo 2 de las 7 imágenes que hay en la tabla.
Entonces he probado poniéndoles en vez de valores numéricos lo siguiente:
style=" width:100%; height:auto"
y después de darle a OK al código parece que se autoajusta muy bien antes de guardar, pero guardo, y todo vuelve a como estaba, observo el código de nuevo y el height:auto sigue ahí pero el width="100%" desaparece, por qué pasa esto. ¿Cómo puedo conseguir ajustar estas imágenes para móvil también?
Este es el código como queda después de guardar:
<table style="height: 400px; width: 800px;">
<tbody>
<tr>
<td style="text-align: center;"><img src="https://dominio.es/...imagen.jpg" alt="valor" style="height: auto;" />
<p align="center"><strong>Nombre:</strong> valor</p>
<p align="center"><strong>Año Nacimiento:</strong> valor</p>
<p align="center"><strong>Raza:</strong> valor</p>
<p align="center"><strong>Carácter:</strong> valor</p>
<p align="center"><strong>Aficiones:</strong> valor</p>
<p align="center"><strong>Puesto:</strong> valor</p>
</td>
...
*He probado a quitar el estilo de la tabla <table style="height: 400px; width: 800px;"> y dejarla solo como <table> pero no cambia nada, sigue desapareciendo el width="100%"
Gracias de antemano!