Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2015 at 9:18 pm #404184
    antosi

    Hi

    I just added a simple HTML table (see screenshot in private content section) – and said border=”0″ but for some reason the border is still showing. I think this is tue to a CSS statement. Can you please provide me a neat quick CSS statement?

    Thanks

    March 2, 2015 at 12:43 pm #404412
    Günter

    Hey antosi!

    Thank you for coming back.

    Can you send us a link to the page with the problem pls. You can post it as a private link here.

    There is a CSS conflict, but without seeing the page and the underlying CSS we cannot provide any assistasnce.

    Best regards,
    Günter

    March 2, 2015 at 1:41 pm #404433
    antosi
    This reply has been marked as private.
    March 2, 2015 at 3:30 pm #404480
    Günter

    Hi!

    Thank you for coming back. Try the following:

    
.page #main table td {
    border-width: 0 !important;
}

    Regards,
    Günter

    March 2, 2015 at 3:34 pm #404483
    antosi

    Many thanks – this seems to do the trick!
    However, it does not get properly displayed on a smartphone. Do you know how I can make it responsive? The table has only percentage values…

    March 2, 2015 at 4:31 pm #404523
    Günter

    Hey!

    I figured out the problem:

    
td {
    padding: 9px 12px;
}

    When the screen gets too small, this avoids narrowing of the table cells and the table is hidden from the right.

    Try the following and adjust max-width value and the second padding value.:

    
@media only screen and (max-width: 480px) {
   .page #main table td {
             padding: 9px 4px;
    }
}

    If you want, you can add several paddings like:

    
@media only screen and (min-width: 481) and (max-width: 767px) {
   .page #main table td {
             padding: 9px 8px;
    }
}

    Cheers!
    Günter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.