Need help? Check out our Support site, then


Table Cells and Spacing

  1. makeyourmovefans
    Member

    I have created a table using coding that I have always used on a WordPress.org site for the last 5 years, but the formatting on my .com blog is not quite right.

    For one, there seems to be a huge amount of space from one column to the next. Why is that?

    Also, there is supposed to be space between rows that is not showing up for some reason. Why is that?

    Here is the blog draft: http://makeyourmovefans.wordpress.com/?p=2026&shareadraft=51db7ac176c56

    This is a sample of the coding that I am using:
    <table border="0" cellspacing="2" cellpadding="5">
    <tbody>
    <tr>
    <td>
    <h5>RELEASE DATE</h5>
    </td>
    <td>
    <h5>COUNTRY</h5>
    </td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    </tr>
    <tr>
    <td>July 13</td>
    <td>Netherdlands</td>
    </tr>
    </tbody>
    </table>

    The blog I need help with is makeyourmovefans.wordpress.com.

  2. a. Because on newer themes tables have a 100% default width.
    b. Because you're using outdated coding.

    Study this tutorial of mine:
    http://wpbtips.wordpress.com/2013/04/09/table-coding-for-wordpress-com-users/

  3. makeyourmovefans
    Member

    Thank you.

    I looked at your tutorial and tried a few things, with unsatisfactory results. I 'm not blaming your tutorial at all. I'm sure all I need to know is right there, unfortunately, I'm more of a visual/kinesthetic learner. All that reading was just too much for me, especially since I wasn't understanding many of the terms.

    Please consider making a youtube video some day. :-)

    For now, I'll have to stick to the unsatisfactory results of the table I currently have. Either that or create the table in Word, and make a jpeg image of it.

  4. Turn the opening table tag to this:
    <table style="width:60%;">
    Change the percentage to adjust the overall width.

    Turn every opening td tag to this:
    <td style="padding:6px 0;">
    Change the first number to adjust the vertical spacing.

  5. makeyourmovefans
    Member

    Well, that last little tidbit did the trick!!!!! That seems to be all I needed. Thank you SO MUCH. :-)

    http://makeyourmovefans.wordpress.com/?p=2026&shareadraft=51dbaf700f0c2

    Any idea how I can get the title "Official / Rumored Release Dates" to be closer to the table?

  6. You can start by removing the top padding of the first two cells. Turn the first two opening td tags to this:
    <td style="padding:0 0 6px;">

    If that's not enough, turn the opening table tag to this:
    <table style="width:60%;margin-top:-10px;">
    Change the negative number to adjust the distance.

  7. makeyourmovefans
    Member

    Thank you. I will save this for future postings. I had to submit our post this morning, so I didn't have time to test this.

    I really appreciate your time. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic