Click on the ellipsis (...) above to expand the toolbar options (bold, italic, underline, etc.)
To the right of the camera icon is now a table icon. Click on the drill down button, and put your mouse over the Table choice in the drop down menu. Move the mouse out to the grid on the right once more (don't click!) to set the number of rows and columns you want in your post (so for a 2 rows, 2 columns table, I move my mouse across and down, until these boxes are filled with a solid color). Click on the box in the lower row corner to make your table when you're satisfied with your table.
Now click on the HTML button to show the source code.
To populate this HTML table with your product link/thumbnail image,
you just need to add the <div>...</div> lines of code for it,
immediately after the HTML coding for non-breaking spaces (symbolized by ) or
before the closing </td> tag.
Repeat this for every product link and thumbnail image.
Hit the OK button when you're done.
Hit the preview button TWICE. This will automatically remove any HTML errors and correct the alignment of the text from center to left alignment. If you're satisfied with the way your populated HTML table looks, click on the REPLY button.
That's it!
W.H.
Thanks, this looks super useful, looking forward to trying this tomorrow. I bet you could save the code as a Macro, too, so you don't have to create the table each time.
This can be super handy for comparing two images. I use tables like this when I send suggestions and bugs to teammates here at Z.
Here on the forums I can see this being handy for sharing a grid of images so that they don't take up quite so much vertical space. We do something similar when you share a collection from zazzle.com.
