Menu icon Foundation
Using Text with Inky

Hi,

I have been using Foundation for Emails to create a template which I would like to improve and I have read that by using Inky you can reduce the amount of coding..

So the following Inky HTML code works perfectly as it acts as an example of what you will see switching from HTML to Inky:

<body>
  <!-- All emails should have a container element. This gives the email a maximum width for email clients on larger screens-->
  <!-- A row is a <table> with a <tbody> and <tr>. Inside of this <tr>, you'll place each individual column. The <table> also has the class .row.-->
  <!-- Start Wrapper for the body of the email -->
  	<table align="center" class="container">
	  <tbody>
	    <tr>
	      	<td>
				<row class="collapse">
  					<columns large="6"><img src="http://placehold.it/300x150/777777/&text=These columns touch" alt=""></columns>
  				    <columns large="6"><img src="http://placehold.it/300x150/999999/&text=These columns touch" alt=""></columns>
				</row>
			</td>
	    </tr>
	  </tbody>
	</table>
	<!--End Wrapper for the body of the email -->
</body>
</html>

The only thing is and I expect this maybe very straightforward - in order to have an image alongside text would I still need to use nested tables as I am keen for each column to maintain its size instead of the column containing the text copy spanning the entire width of the screen!!!

Any help you can offer will be much appreciated..

Cheers,

Leon

inkytextcolumn

Hi,

I have been using Foundation for Emails to create a template which I would like to improve and I have read that by using Inky you can reduce the amount of coding..

So the following Inky HTML code works perfectly as it acts as an example of what you will see switching from HTML to Inky:

<body>
  <!-- All emails should have a container element. This gives the email a maximum width for email clients on larger screens-->
  <!-- A row is a <table> with a <tbody> and <tr>. Inside of this <tr>, you'll place each individual column. The <table> also has the class .row.-->
  <!-- Start Wrapper for the body of the email -->
  	<table align="center" class="container">
	  <tbody>
	    <tr>
	      	<td>
				<row class="collapse">
  					<columns large="6"><img src="http://placehold.it/300x150/777777/&text=These columns touch" alt=""></columns>
  				    <columns large="6"><img src="http://placehold.it/300x150/999999/&text=These columns touch" alt=""></columns>
				</row>
			</td>
	    </tr>
	  </tbody>
	</table>
	<!--End Wrapper for the body of the email -->
</body>
</html>

The only thing is and I expect this maybe very straightforward - in order to have an image alongside text would I still need to use nested tables as I am keen for each column to maintain its size instead of the column containing the text copy spanning the entire width of the screen!!!

Any help you can offer will be much appreciated..

Cheers,

Leon