Hola
Mis conocimientos en diseño web son bastante nulos, pero me defiendo con cosas básicas (que no tienen por qué estar bien hechas).
Por lo que sea, he tenido que diseñar un pequeño menú que va dentro de una página de wordpress, pero lo he creado con tablas y no es muy mobile-friendly.
El código sería este
Código HTML:
<table width="600" border="0" align="center">
<tbody>
<tr>
<td><img alt="”"" src="imagen.png" /></td>
<td><img alt="”"" src="imagen.png" /></td>
<td><img alt="”"" src="imagen.png" /></td>
</tr>
<tr>
<td align="center" valign="top"><a href="enlace">texto</a></td>
<td align="center" valign="top"><a href="enlace">texto</a></td>
<td align="center" valign="top"><a href="enlace">texto</a></td>
</tr>
</tbody>
</table>
Siendo las imágenes de 200x50 (200 de ancho x 3 imágenes, total 600px)
Pero esta hace que en un móvil no muy grande, no sea adaptable y muestre los 600px completos. Si el móvil tiene una pantalla de 400 o 500px, nunca se ve la tabla completa.
¿Cómo lo mejoro?
Gracias!