Extra Space in 2nd column of table

  • thesocialolive

    (@thesocialolive)


    9 years, 8 months ago

    I’m going crazy!

    I have a 2×2 table. The first column renders correctly. The 2nd column is displaying with extra space above the content – doesn’t matter what I put in that column there is blank space.

    See the example here: http://thesocialolive.com/tables-example/

    Here is the code (even when I remove the “p1” information the space remains in the 2nd column):

    <table style=”height: 39px;” width=”470″ cellspacing=”0″ cellpadding=”0″>
    <tbody>
    <tr>
    <td>Twitter</td>
    <td>Facebook</td>
    </tr>
    <tr>
    <td>
    <p class=”p1″>[minitwitter id=”488756985974644736″ username=”FletcherMediaPR” limit=2]</p>
    </td>
    <td>
    <p class=”p1″>[custom-facebook-feed id=fletchermediaPR num=3]</p>
    </td>
    </tr>
    </tbody>
    </table>

Viewing 1 replies (of 1 total)
  • vtxyzzy

    (@vtxyzzy)

    9 years, 8 months ago

    There are two things causing the space.

    The first is that the <td> cell is inheriting a text-align of ‘baseline’. Set that to ‘top’ by adding this to your custom CSS:

    .entry-content td, .comment-content td {
        vertical-align: top;
}

    The second is the empty <p> tag with a class of p1. Remove that paragraph unless you need it after the first change.

Viewing 1 replies (of 1 total)
  • The topic ‘Extra Space in 2nd column of table’ is closed to new replies.