Un usuario preguntó 👇
Hola,
Creé una tabla de 5 columnas.
No hay espacio entre ellos en las columnas de la tabla y se muestran así:
Colún1Columna2Columna3Columna4Columna5
Pero realmente necesito mostrar las columnas con un espacio entre ellas como este:
Columna 1 (espacio) Columna2 (espacio) Columna3 (espacio) Columna4 (espacio) Columna5
Tenga en cuenta que no es necesario mostrar un espacio a la izquierda de la columna 1 y a la derecha de la columna 5, por lo que solo es necesario mostrar un espacio entre las columnas.
¿Cómo pongo un cierto espacio de píxeles entre las columnas?
Todo lo mejor,
Joris
(@tobiasbg)
hace 1 año
Hola,
gracias por tu publicación y perdón por las molestias.
Cuando reviso su enlace, hay un espacio entre ellos en las columnas. ¿Entonces supongo que ya tienes una solución para esto?
Saludos, Tobias
(@ joris-van-der-horst)
hace 1 año
Hola,
Todavía no he encontrado la solución.
Solo creé en la página de inicio una tabla con 1 columna y 1 fila y agregué esta tabla con el mismo acceso directo en 5 columnas en el área del widget.
Puede ver una tabla relacionada con mi pregunta con 5 columnas y 1 fila aquí:
Necesito ser consciente de lo siguiente:
Pregunta 1
¿Cómo crear espacio entre columnas como se muestra a continuación en el diseño?
Columna 1 (espacio) Columna2 (espacio) Columna3 (espacio) Columna4 (espacio) Columna5
Tenga en cuenta que no es necesario mostrar un espacio a la izquierda de la columna 1 y a la derecha de la columna 5, por lo que solo es necesario mostrar un espacio entre las columnas.
Pregunta 2
Ahora que es móvil, esta tabla muestra que no responde, pero necesita desplazarse horizontalmente para ver todas las columnas.
¿Cómo mostrar esta tabla en una vista móvil receptiva para que muestre 1 columna de 100% de ancho y 5 columnas debajo de cada una verticalmente similar al diseño?
Columna 1 (ancho 100%) Columna2 (ancho 100%) Columna3 (ancho 100%) Columna4 (ancho 100%) Columna5 (ancho 100%)
Todo lo mejor,
Joris
(@tobiasbg)
hace 1 año
Hola Joris,
podrías jugar con el border-collapse y border-spacing Propiedades CSS, además de agregar algunas líneas de límite. Sin embargo, todo esto será muy predecible y no creo que pueda cumplir tu condición con la izquierda y la derecha. Se podría hacer una segunda pregunta (capacidad de respuesta) con el stack Método de extensión TablePress de https://tablepress.org/extensions/responsive-tables/
Sin embargo, como en este caso usaría una tabla más grande para el diseño / estilo, en lugar de presentar los detalles de la tabla, realmente recomendaría no usar una tabla. En su lugar, debe utilizar otros elementos HTML (como <div> contenedores) con las correspondientes consultas de medios de la SEC y la SEC para lograr todo esto. Esto no solo sería más moderno, sino que también sería semánticamente superior.
Saludos, Tobias
(@ joris-van-der-horst)
hace 1 año
Hola,
Gracias por su respuesta.
Supongo que tendré que trabajar así en una página de inicio con 1 tabla con 1 fila y 1 columna como se muestra ahora debajo del control deslizante superior en:
http://www.betrouwbaarste-casino.nl
Solo hay una pregunta sobre la actitud receptiva del teléfono móvil al respecto.
Ahora la tabla sobre el ancho del sitio web no se muestra en la pantalla del móvil.
Ver imagen:
https://snipboard.io/PqjFQD.jpg
Pero realmente quiero que la tabla muestre el ancho de la pantalla móvil de esta manera:
https://snipboard.io/AyGY7Z.jpg
¿Cómo puedo mostrar las tablas individuales para que aumenten por completo el ancho del sitio web (vea la función de publicaciones debajo de las tablas en un teléfono móvil) para que muestren el ancho de la pantalla del móvil?
Todo lo mejor,
Joris
(@tobiasbg)
hace 1 año
Hola,
para mí, las mesas pequeñas con un ancho casi completo se muestran en pantallas pequeñas (con solo un poco de relleno), cuando miro http://www.betrouwbaarste-casino.nl/
Saludos, Tobias
(@ joris-van-der-horst)
hace 1 año
Hola,
y ¿cuál es el código CSS correcto para este panel?
Todo lo mejor,
Joris
(@tobiasbg)
hace 1 año
Hola,
bueno, ese relleno se agrega a los elementos HTML alrededor del tema, por lo que realmente no hay nada que CSS para TablePress pueda hacer aquí …
Saludos, Tobias
¿Solucionó tu problema??
0 / 1