Another set of eyes- weird table layout

  • A clients site is being pickey. All the images except one in the table- line up. https://www.elisabethmaurland.com/available-pots-2-2/ is where the table is. If someone can notice something I am missing-that would be fantastic 

    These are some of the pots that are available in <a href="https://www.etsy.com/people/ElisabethMaurland">my Etsy shop</a>. Clicking on any image will get you there!
<table width="772">
<tbody>
<tr>
<td>
<div class="mceTemp">

[caption id="attachment_657" align="alignnone" width="150" caption="Fish Vase"]<a href="https://www.etsy.com/listing/81019027/black-fish-vase-with-two-handles"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0924-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]

</div></td>
<td>

[caption id="attachment_663" align="alignnone" width="150" caption="Deer Teapot"]<a href="https://www.etsy.com/listing/81025337/teapot-with-giraffes"><img class=" " src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP1024-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_616" align="alignnone" width="150" caption="Aardvark Bowl"]<a href="https://www.etsy.com/listing/76923819/large-bowl-with-aardvarks"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0658-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_664" align="alignnone" width="150" caption="Sold"]<a href="https://www.etsy.com/listing/81025955/magpie-plate"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP1034-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
</tr>
<tr>
<td>

[caption id="attachment_661" align="alignnone" width="150" caption="Sold"]<a href="https://www.etsy.com/listing/81022820/loon-cup"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0989-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_618" align="alignnone" width="150" caption="Large Bowl with Foxes"]<a href="https://www.etsy.com/listing/74897882/large-bowl-with-foxes"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0660-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_659" align="alignnone" width="150" caption="Sold"]<a href="https://www.etsy.com/listing/81021779/medium-bowl-with-small-fish"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0962-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_619" align="alignnone" width="150" caption="Vase with Sardines"]<a href="https://www.etsy.com/listing/76925384/small-vase-with-black-sardines"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0617-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
</tr>
<tr>
<td>

[caption id="attachment_645" align="alignnone" width="150" caption="Sold"]<a href="https://www.etsy.com/listing/78755140/greek-rabbit-small-bowl"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0814-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_641" align="alignnone" width="150" caption="Cat Urn"]<a href="https://www.etsy.com/listing/78757123/lidded-bowl-with-cats"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0782-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_655" align="alignnone" width="150" caption="Two-handled Vase"]<a href="https://www.etsy.com/listing/81017527/rabbit-vase-with-handles"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0898-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
<td>

[caption id="attachment_654" align="alignnone" width="150" caption="Fox Bowl"]<a href="https://www.etsy.com/listing/81022562/medium-bowl-with-foxes"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0985-150x150.jpg" alt="" width="150" height="150" /></a>[/caption]</td>
</tr>
</tbody>
</table>
Viewing 4 replies - 1 through 4 (of 4 total)

  • Every photo div has a set of paragraph tags around it except the first one – that’s causing the spacing difference.

    <div id="attachment_657" class="wp-caption alignnone" style="width: 160px"><a href="https://www.etsy.com/listing/81019027/black-fish-vase-with-two-handles" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','https://www.etsy.com']);"><img src="https://www.elisabethmaurland.com/wp-content/uploads/2011/05/IMGP0924-150x150.jpg" alt="" width="150" height="143" /></a><p class="wp-caption-text">Fish Vase</p></div>

    In addition, you have an extra div around that first photo as well:

    <div class="mceTemp">
</div>

    Though it’s the lack of a paragraph tag that’s causing the space issue. Look at the generated source code of the page in a browser.

    Thread Starter nikioneota

    (@nikioneota)

    Thanks. I put the paragraph tags in the html editor of wordpress but they don’t seem to make a difference. I see what you mean about the tags when I look at the source code- but I don’t see the tags in the html editor of wordpress. Any advice on how to add those tags so they fix the problem?

    WordPress strips out paragraph tags that are manually added on the HTML side and instead uses blank lines in your code to generate paragraph tags. You’ll need to fiddle with that in order to get the effect you want. You might try copy/pasting from one of the table cells that is correct and then editing it to reference the real image.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Another set of eyes- weird table layout’ is closed to new replies.