Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 26, 2015 at 2:31 am #418253
    blaisen

    I added two tables to a page and though they have similar content, the columns don’t align. I’ve tried some things with CSS which looked good on a desktop but it didn’t translate well to other devices, like a phone. Is there any way to line these columns up short of making this all in one table? I’d like to have the separation.

    March 26, 2015 at 8:50 pm #418801
    Elliott

    Hi Blaise!

    Drag a codeblock element to the page and add this inside.

    <style type = "text/css">
table tr > td:last-child {
  width: 30%;
}
</style>

    Regards,
    Elliott

    March 26, 2015 at 9:36 pm #418845
    blaisen

    That worked visually on the desktop, but on an iPhone, the text in the right column is now moved over to the left within the cell. I had the tables set to adjust for screen size.

    So, I’ve now set the tables to scrollable instead – this looks better anyway. Just thought I’d report how the code effected content.

    Thanks!

    • This reply was modified 9 years, 9 months ago by blaisen.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Table Columns Don't Align’ is closed to new replies.