This graphic is distorting my table. Any idea why?

  • Hi. I am using the TwentyTen theme and am really struggling with a table issue.

    Take a look at this page that contains two tables. They are identical except the second one includes a graphic.

    https://www.leapgamers.com/leapsite/?page_id=10

    As you can see, when the graphic is present it “pushes” that last row down creating a bunch of space.

    I have literally spent two afternoons tweaking the HTML but it stays that way.

    Is it possible the style.css file in the parent folder (Twenty Ten) has priority and is overriding any settings I dictate for this table? Is there some other reason I can’t fully control how this table looks?

    Any help appreciated. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    if you change the table to have that be rowspan=5 (like below) it seems to work…

    <td style="text-align: center;" rowspan="5" width="130"><a href="https://www.leapgamers.com/leapsite/wp-content/uploads/2011/05/pb.jpg"><img class="alignrightsize-full wp-image-54" title="pb" src="https://www.leapgamers.com/leapsite/wp-content/uploads/2011/05/pb.jpg" alt="" width="130" height="180"></a></td>

    Thread Starter creolejazz

    (@creolejazz)

    Oh my gosh, you’re right! Now the big question. WHY? There are only four rows in the table? What made you try that solution and why does it work? Thanks a lot for the help.

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    I was throwing things at the velcrometer to see what sticked. It was a wild guess.

    The other thing you could play with is valign=top and set the table cells with that to send ’em all up. Or put everything text in a sub-table in one cell.

    <table>
<tr>
<td>
<table> [ The Table for the text]</table>
</td>
<td>[The Image</td>
</tr>
</table>

    I hate table layouts :/

    Thread Starter creolejazz

    (@creolejazz)

    Well, it did work when viewing with Google CHROME but I got to work today and took a look with IE9 and it’s not displaying correctly. Here’s the updated page:

    https://www.leapgamers.com/leapsite/?page_id=10

    Here’s what it’s supposed to look like:

    https://www.leapgamers.com/members

    If anyone has an idea how to get WP to display this accurately, please feel free to chime in. I don’t even necessarily have to use a table, but it seems to make sense to do so. Any help appreciated.

    Thread Starter creolejazz

    (@creolejazz)

    Yes, thanks, I did try the nested table idea with no change in the results.

    I’ve now tried the “wp-table-reloaded” plug-in and have set up a test page.

    https://www.leapgamers.com/leapsite/?page_id=189

    Viewing in IE9 or IE8 it’s particularly bad.

    Any table experts out there no why I can’t get control using Twenty Ten (child theme)? Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘This graphic is distorting my table. Any idea why?’ is closed to new replies.