Horizontal & Alignment FIX

Hi thanks for the update…However I fail to understand still how to put the images.

Here is the code for my images. What is wrong in my code ? The images are still not centered and they overlap.

<table border=”1″ align=”center”>
<tr>
<td>[himage]<img class=” wp-image-896 aligncenter” alt=”shane-after” src=”https://www.letscre8.com.au/wp-content/uploads/2013/10/shane-after-254×300.jpg&#8221; width=”203″ height=”240″ /><img class=” wp-image-897 aligncenter” alt=”shane-before” src=”https://www.letscre8.com.au/wp-content/uploads/2013/10/shane-before-254×300.jpg&#8221; width=”203″ height=”240″ />[/himage]</td>
<td>[himage]<img class=” wp-image-896 aligncenter” alt=”shane-after” src=”https://www.letscre8.com.au/wp-content/uploads/2013/10/shane-after-254×300.jpg&#8221; width=”203″ height=”240″ /><img class=” wp-image-897 aligncenter” alt=”shane-before” src=”https://www.letscre8.com.au/wp-content/uploads/2013/10/shane-before-254×300.jpg&#8221; width=”203″ height=”240″ />[/</td>
</tr>
<tr>
<td>CELL 3</td>
<td>CELL 4</td>
</tr>
</table>

Thanks in advance.

Hi,

There are a few differences from my code so Ive attached mine so you can use and alter it as needed. I hope its not too confusing but you should be able to see that I have the 2 images in each cell. you could just replace my images with yours and edit to suit your website.

Hope this helps

P.S I have 4 main images so if you only want main 2 images then you will need to delete the last 2 Cells in the table.

‘
<table width=”153″ border=”0″ align=”center”>
<tbody>
<tr>
<td>
<p style=”text-align: center;”>[himage]<img class=”alignnone wp-image-357″ style=”border: 0px none; margin: 0px;” alt=”Madam X-1″ src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Madam-X-1.jpg&#8221; width=”392″ height=”459″ /><img class=”alignnone wp-image-386″ alt=”Madam X-1hover” src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Madam-X-1hover.jpg&#8221; width=”392″ height=”459″ />[/himage]</p>
</td>
<td>[himage]<img class=”alignnone wp-image-356″ style=”border: 0px none; margin: 0px;” alt=”Phaze One-1″ src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Phaze-One-1.jpg&#8221; width=”392″ height=”459″ /><img class=”alignnone wp-image-388″ alt=”Phaze-One-1hover” src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Phaze-One-1hover.jpg&#8221; width=”392″ height=”459″ />[/himage]</td>
</tr>
<tr>
<td style=”text-align: center;”>
<p style=”text-align: center;”>[himage] <img class=”alignnone wp-image-355″ style=”border: 0px none; margin: 0px;” alt=”Darka” src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Darka.jpg&#8221; width=”392″ height=”459″ /><img class=”alignnone size-full wp-image-390″ alt=”Darka-1hover” src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Darka-1hover.jpg&#8221; width=”392″ height=”459″ />[/himage]</p>
</td>
<td style=”text-align: center;”>
<p style=”text-align: center;”>[himage] <img class=”alignnone wp-image-354″ style=”border: 0px none; margin: 0px;” alt=”Tunde-1″ src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Tunde-1.jpg&#8221; width=”392″ height=”459″ /><img class=”alignnone size-full wp-image-391″ alt=”Tunde-1hover” src=”https://adesigner.co.uk/biasonic/wp-content/uploads/2013/05/Tunde-1hover.jpg&#8221; width=”392″ height=”459″ />[/himage]</p>
</td>
</tr>
</tbody>
</table>
‘