OK, so you just want columns without the heading, subheads or column heads? No problem, just copy and paste the code below into your text editor:
<table class="aligncenter" style="width: 560px;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="border: 1px solid #000000; width: 140px; text-align: center; line-height: 0pt;"></td>
<td style="border: 1px solid #000000; width: 140px; text-align: center; line-height: 0pt;"></td>
<td style="border: 1px solid #000000; width: 140px; text-align: center; line-height: 0pt;"></td>
<td style="border: 1px solid #000000; width: 140px;"> text-align: center; line-height: 0pt;</td>
</tr>
</tbody
</table>
And this is what you should see:
Now you need to start adding you data into the columns, very similar to what you have done in the previous lessons, by copying and pasting the following code into each of the columns between the 0pt;"></td> tags:
<p style="width: 110px; margin-top: -15px;" rel="width: 110px; margin-top: -15px;"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/04/WA-Logo-3.png" alt="This Little Square Logo" width="110" height="110" class="aligncenter size-full wp-image-1313" /></p>
<p style="width: 100px; font-family: arial; font-size: 10pt; color: #000000; margin-top: -45px; margin-bottom: -25px; line-height: 18px; text-align: left; padding-left: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p style="width: 100px; font-family: arial; font-size: 10pt; color: #000000; margin-top: -45px; margin-bottom: -25px; line-height: 18px; text-align: left; padding-left: 0px;">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Integer potenti hendrerit dignissim felis.
<p style="width: 110px; margin-top: -15px;"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/04/WA-Black-Friday-Banner.png" alt="Black Friday Logo" width="110" height="110" class="aligncenter size-full wp-image-1325" /></p>
<p style="width: 100px; font-family: arial; font-size: 10pt; color: #000000; margin-top: -45px; margin-bottom: -25px; line-height: 18px; text-align: left; padding-left: 0px;">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
Preview and you should see this, although you will, most probably, only see the alt text:
Save as draft. If you decide you want column heads, see the next page.
Reply
Tables baffle a lot of people - I've seen a lot of questions here about them - and without a plugin, going into HTML for some people can be very daunting.You've clearly explained tables in a very easy way to understand.
If I could add one thing, where you have "width: 123px;" - that can be changed to a percentage - so your table becomes a little bit responsive. eg. "width: 40%;" - then the table will adapt as much as possible to the size of screen it's being viewed on.
All the best, Mark
