Making Index Boxes Line Up

This one has a funny title. What I mean is, if you are using boxes for index items and you want to have three in a row or four in a row you can define this, just by following these steps.

– Go to the page or post you have put  your boxes or you want to put your boxes.

– Open the text, not the visual look.

– Just before your first box, enter (without the numbers like “1.”, “2.”) ;

1. <table>

2. <tbody>

3. <tr>

4.  <td>here enter your image</td>  (to enter your image, click “add media” and choose the one you want to insert)

5. </tbody>

6. </table>  to finish 

For your multiple boxes just repeat the codes in item “3.” and “4.”.

When you want your boxes to go on to the next line just enter

5. </tr>

6. <tr>

7.  <td>here enter your image</td>  (to enter your image, click “add media” and choose the one you want to insert)

8. </tbody>

9. </table>

————————————————————————————————-

 

Here is a sample of what your coding should be looking like (leave out the space in front- I had to make a space so that the system understands that it is just a sample):

<table>
<tbody>
<tr>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/10/noahs_pudding.jpg”><img class=”alignleft size-thumbnail wp-image-601″ src=”http://www.turkishyummies.com/wp-content/uploads/2014/10/noahs_pudding-150×150.jpg”  /></a></td>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/11/pumpkin_dessert.jpg”><img class=”alignleft size-thumbnail wp-image-602″ src=”http://www.turkishyummies.com/wp-content/uploads/2014/11/pumpkin_dessert.jpg”  /></a></td>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/10/Mozaic_Chocolate.jpg”><img class=”alignleft size-thumbnail wp-image-524″ src=”http://www.turkishyummies.com/wp-content/uploads/2014/10/Mozaic_Chocolate-150×150.jpg”  /></a></td>
</tr>
<tr>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/08/lentil_bulgur.jpg”><img class=”alignleft size-thumbnail wp-image-481″ src=”http://www.turkishyummies.com/wp-content /uploads/2014/08/lentil_bulgur-150×150.jpg”  /></a></td>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/08/beans-olive-oil.jpg”><img class=”alignleft size-thumbnail wp-image-606″ src=”http://www.turkishyummies.com/wp-content/uploads/2014/08/beans-olive-oil-150×150.jpg” </td>
<td><a href=”http://www.turkishyummies.com/wp-content/uploads/2014/10/Dolma-Ready.jpg”><img class=”alignleft size-thumbnail wp-image-620″ src=”http://www.turkishyummies.com/wp-content/uploads/2014/10/meat-stuffed-bell-peppers-150×150.jpg”  /></a></td>
</tr>
</tbody>
</table>

—————————————————————————————

So actually;  what you are doing here is making a table. In the end,  you will get the following result:

Kabak Tatlisi Mozaic_Chocolate
lentil_bulgur zeytinyagli-barbunya Meat Stuffed Bell Peppers


 

Posted in Quick / Easy Tagged with:

Leave a Reply

Your email address will not be published. Required fields are marked *

*