What's the best way to control tables?

  • I’ve got a site with a page that contains a table for information on each member of our group:

    https://www.leapgamers.com/members.htm

    I’m converting this site to a WordPress site but am having trouble creating similar tables:

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

    As you can see, that bottom row is abnormally large and no matter how I tweak the HTML it stays that way. I’ve also tried creating a wider table border, color, etc., but it doesn’t change.

    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 7 replies - 1 through 7 (of 7 total)

  • Try three columns (as on the original site), let their widths be automatically sized. Get rid of <div>s if inside the table!!

    Does this help?

    Thread Starter creolejazz

    (@creolejazz)

    Yes, it’s three columns and four rows. In the third column all four rows are merged so the graphic can fit to the right of all the text in the four rows.

    I tried your idea and removed all and “width” tags and deleted all <div>s. No change.

    As an experiment I added two more duplicate rows at the bottom of the table.

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

    As you can see, that large gap is still there. Ideas? Thanks for the feedback.

    Thread Starter creolejazz

    (@creolejazz)

    By the way, it LOOKS perfect when I’m in the EDIT mode and have the VISUAL tab clicked. It’s only when I update and VIEW PAGE that it looks strange.

    Also, the problem goes away when I delete the graphic, then returns when I put the graphic back in so it’s apparently related to that.

    This is the best I can make it look – https://emmanuel.guelph.canrc.org/who-we-are/test

    I don’t know how to “vertical align” images – so maybe this will be a learning experience for both of us?

    Thread Starter creolejazz

    (@creolejazz)

    Wow, that’s pretty good. So how’d you do it?

    <table border="0" cellspacing="0" cellpadding="0" width="500">
<tbody>
<tr>
<td>Name:</td>
<td>PB56</td>
<td rowspan="4"><a href="xxx.jpg"><img class="size-full wp-image-54" title="pb" src="xxx.jpg" alt="" width="127" height="175" /></a></td>
</tr>
<tr>
<td>Spawned:</td>
<td>1956</td>
</tr>
<tr>
<td>Location:</td>
<td>East York, Ontario, Canada</td>
</tr>
<tr>
<td>Quote:</td>
<td>“If you do what you always did, you get what you always got.”</td>
</tr>
</tbody>
</table>

    Might be the CSS that’s messing you up, eh?

    Thread Starter creolejazz

    (@creolejazz)

    Yeah, that looks pretty much like what I’ve got so I’m guessing it’s the CSS too. Hey, I really appreciate your help, man. Thanks. My next question, of course, is, can I put table settings in my child theme style.css file and have control over the table that way?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘What's the best way to control tables?’ is closed to new replies.