Making a table smaller than the page width

  • Resolved andreabeadle

    (@andreabeadle)


    11 years ago

    I have some tables that I’m creating and I don’t want them to go the edge of the page.

    At the moment I’ve been doing it by putting an extra column on the outside of the content as a spacer and giving it 10% width so it is padding. This is fine on a table where I don’t need a border around it.

    I need to have a table with a border around and can’t work out how to do it so that it doesn’t go to the edge.

    The page is this one http://spiritualsanctuaryandspa.com/connecting-with-angels/speakers

    password is Ang3ls

    The table fills most of the page but I would like to indent it more without having to put in the extra columns so I can make it look nicer.

    I hope this makes sense and there is an easy solution 🙂

    Andrea

    http://wordpress.org/extend/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    11 years ago

    Hi Andrea,

    thanks for your question!

    I just tried to access your page again, but as it seems, the log-in system was changed, so that that password is no longer enough. 🙁

    However, I already took a look at the page yesterday (but didn’t have the time to reply), and was confused by something else: You were not really using tables to present data, but to group information into a large “block” of text, with a border. Is that right? Because in that case, tables might not be the best option to go…

    Regards,
    Tobias

    Thread Starter andreabeadle

    (@andreabeadle)

    11 years ago

    HI there, yes, that is what I’m doing.

    We are using it to present images and photos, plus sign up boxes etc.

    It means that when I want to move the content around I can just paste the table into the new place rather than the code.

    Also, I could not find a good editor that would allow me to create the information in the way I wanted.

    This page is not protected and I’ve used tables in the same way.

    http://connectingwithangels.com/andrea

    Any advice welcomed!

    Plugin Author TobiasBg

    (@tobiasbg)

    11 years ago

    Hi,

    ok, thanks for the explanation, and the new link!

    So, to now set the padding without adding extra columns, we can use some CSS code. For that, please delete the extra columns and add this to the “Custom CSS”:

    .tablepress-id-26 [colspan] {
  padding-left: 10%;
  padding-right: 10%;
}

    That will basically add some left and right padding to the combined cell with the large chunk of text.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making a table smaller than the page width’ is closed to new replies.