Hello!
I have little experience in creating e-books. I really need advice
I do e-books for mobile applications and readers in sigil in epub format.
Problem with tables ... how to make it so that the tables are displayed normally? in the photo are examples of tables in mobile applications
I tried to set the size of the columns, but it does not help.
I also tried to add a scroll, but it doesn't work everywhere ..
Maybe i am doing something wrong
Please, help
table
{
font-size: 0.8em;
margin-bottom: 2em;
border: 1px solid black;
text-indent: 0em;
width: 100%;
max-width:100%;
border-collapse: collapse;
table-layout:fixed;
text-align: left;
height: 100%;
margin: auto;
}
td
{
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
border: 1px solid black;
padding: 10px;
}
@media only screen and (max-width: 480px)
{
.tablemobile
{
overflow-x: auto;
display: block;
overflow-y: auto;
}