Un usuario preguntó 👇
Estoy usando el siguiente código en el sitio. http://www.davisstirlinglawblog.com (tenga en cuenta que NO marque la casilla de verificación «Fila de encabezado de tabla» en la sección «Opciones de tabla»); sin embargo, como puede ver, la tabla NO está orientada a páginas. No creo que obtenga más información que la que ya agregué, ¡así que estoy perplejo!
.tablepress-id-1 {ancho: 75%; margen: 0 automático 1em; }
.tablepress thead th, .tablepress tbody td {text-align: middle; alineación vertical: centro; }
.tablepress tbody td img {float: left; }
.tablepress-id-1 .column-1 {ancho: 200px; }
Lo que quiero es tener la mesa con «Gracias abogado …» y la foto del abogado centrada entre los bordes. La visualización es incorrecta en todos los navegadores. ¡Gracias por cualquier ayuda!
(@tobiasbg)
Hace 3 años, 8 meses
Hola,
gracias por tu pregunta y perdón por las molestias.
La razón de esto es que su tema agrega código CSS que afecta a las tablas y esencialmente sobrescribe los cambios que necesita nuevamente, pero con mayor prioridad. Entonces, todo lo que tenemos que hacer es aumentar la prioridad de su código CSS. Para esto, solo es necesario reemplazar el primer bloque
.entry .tablepress-id-1 {
width: 75%;
margin: 0 auto 1em;
}
Saludos, Tobias
(@kicooo)
Hace 3 años, 4 meses
Hola Tobias,
Traté de centralizar las tablas usando los códigos anteriores y no me funciona:
}
.tablepress {ancho: automático; margen: 0 automático 1em! importante; pantalla: mesa! importante; }
.entry .tablepress-id-17 {ancho: 75%; margen: 0 automático 1em; }
Puedes comprobar que no funciona en este enlace:
https://www.lyceumespanol.com/spanish-homestay-programs/
¿Qué pasa? 🙁
(@tobiasbg)
Hace 3 años, 4 meses
Hola,
esto parece aplicarse al desplazamiento horizontal, que a veces tiene errores. Desmarque la casilla de verificación «Usar tablas de datos» en la pantalla «Editar» de la tabla y vuelva a intentarlo.
Si luego desea agregar desplazamiento horizontal nuevamente, recomiendo el scroll
Método de extensión TablePress de https://tablepress.org/extensions/responsive-tables/ como un reemplazo.
Saludos, Tobias
(@kicooo)
Hace 3 años, 4 meses
Hola Tobias,
Eso era correcto, la pregunta era sobre la opción «Usar las siguientes características de la biblioteca JavaScript DataTables con esta tabla» que estaba habilitada.
¡Muchas gracias!
(@tobiasbg)
Hace 3 años, 4 meses
Hola,
no hay problema, ¡de nada! 🙂 ¡Es bueno escuchar que esto ayudó!
Todo lo mejor, Tobias
PD: En caso de que no lo tenga, califique TablePress aquí en el directorio de plugins. ¡Gracias!
(@ wpb777)
Hace 2 años, 11 meses
Probé todos estos y todavía no puedo centrar la mesa con los cuatro gráficos en la página de inicio de DavidCastello.com
(@tobiasbg)
Hace 2 años, 11 meses
Hola,
en su sitio, la verdadera razón de esto es que la tabla es más ancha que el área de contenido con nombre de su tema. Entonces, técnicamente, la mesa se está expandiendo hacia el espacio vacío correcto. Para solucionarlo, puede decirle al navegador que reduzca el ancho de las imágenes. Para hacerlo, agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:
.tablepress-id-1 img {
max-width: 100%;
}
Esto también ayudará a mostrar la tabla en pantallas más pequeñas.
Saludos, Tobias
¿Solucionó tu problema??
0 / 0