Post

1 follower Follow
0
Avatar

Custom HTML code to display spliced images

I'm trying to get a spliced image to display correctly using html custom code. I spliced an image into 4 separate images with the same height and differing widths. I would like them to display horizontally on desktop and mobile.

I've tried using div and table tags but I haven't been able to get the images to resize correctly in mobile - they either stack (in div only) or don't resize at all (in table).

Any help would be greatly appreciated! Thanks :)

 

<div class="splicedimage">
<table>
<tr>
<td><img src="https://www.sharmusic.com/grafx/email-header_01.jpg" border="0" style="display:block;"/></td>
<td><img src="https://www.sharmusic.com/grafx/email-header_02.jpg" border="0" style="display:block;"/></td>
<td><img src="https://www.sharmusic.com/grafx/email-header_03.jpg" border="0" style="display:block;"/></td>
<td><img src="https://www.sharmusic.com/grafx/email-header_04.jpg" border="0" style="display:block;"/></td>
</tr>
</table>
</div>
Brett Smith

Please sign in to leave a comment.