Varias tablas en linea con Tablepress
-
Hola a todos. En la web que indico, como a mitad de pagina tengo una tabla con dos smartwatch. Como vereis, la tabla se sale de la pantalla del movil. Esta hecha con Tablepress. Mi intencion es hacer una tabla para cada articulo, deforma que en el movil se vean una debajo de la otra. Pero en una pantalla mas grande que se vean en linea, y eso es lo que no consigo. Tablepress al ser tablas diferentes me pone una bajo otra. Como puedo ponerlas para que se vean en linea todas las que quepan en pantalla? Espero haberme explicado medio bien. Muchas gracias.
La página con la que necesito ayuda: [accede para ver el enlace]
-
Tienes dos opciones:
1) Mantener la tabla con los dos productos y hacer que el scroll horizontal salga justo debajo de la tabla.
<div style="overflow-x:auto;"> <table> ... table content ... </table> </div>Ver https://www.w3schools.com/css/css_table.asp (sección «Responsive Table»)
2) Hacer una tabla por cada producto. En este caso
<div style="float:left;"> <table> ... table content ... </table> </div>Y justo después de la última tabla añades:
<div class="clear"></div>para que el siguiente párrafo comience debajo de la última tabla.
En la hoja de estilos del tema añade:
.clear { margin-bottom:1em; clear:both; }En comprarunatablet punto net las tablas están construidas con DIV,S mientras que en la otra página que has mencionado están usando «table».
Hay bastantes tutoriales en la Red. Te dejo el primero que me ha salido buscando:
- El debate ‘Varias tablas en linea con Tablepress’ está cerrado a nuevas respuestas.