Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialHolly Logan
7,142 PointsEmbed images in html signature
Hi,
I have made this email signature and I would like to embed the images, as opposed to linking them. I have searched online but not found (or understood) how to do this? Can anyone help explain this process to me? Thank you
<style type="text/css">
@media (max-width: 600px) {
.one td {
border-right: 0px;
}
}
@media (max-width: 600px) {
.one {
margin-bottom: 15px;
@media (min-width: 601px) {
.one {
margin-right: 20px; }
}
</style>
<div class="one" style="float: left;">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
<tr><td valign="top" style="padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 8px; border-top: 0; border-bottom: 0: border-left: 0; border-right: 0"><img id="preview-image-url" src="https://www.dropbox.com/s/dkrhds4zgxyu8qb/tn-logo-email.png?raw=1"></td>
<td style="padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 0;">
</td></tr></table></div>
<div class="two">
<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
<tr><td colspan="2" style="padding-bottom: 5px; color: #54c2ca; font-size: 18px; font-family: Arial, Helvetica, sans-serif;">Trudi Herniman - BCS</td></tr>
<tr><td colspan="2" style="color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;"><i>Accountant and Software Consultant</i></td></tr>
<tr><td colspan="2" style="color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px;"><strong>True North Chartered Accountants</strong></td></tr>
<tr>
<td width="20" valign="center"><img id="preview-image-url" src=" https://www.dropbox.com/s/79zirqm5437l6pj/true-north-phone.png?raw=1"></td>
<td valign="top" style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">07 343 1197 <img id="preview-image-url" src=" https://www.dropbox.com/s/i9lcs3ci7c8ckuu/true-north-mobile.png?raw=1"> 027 384 4993</td>
</tr>
<tr>
<td width="20" valign="center"><img id="preview-image-url" src=" https://www.dropbox.com/s/i3hqbkukslgbcln/true-north-address.png?raw=1"></td>
<td valign="top" style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">1076 Pukaki Street, Rotorua 3010 or PO Box 1171, Rotorua 3040</td>
</tr>
<tr>
<td width="20" valign="center"><img id="preview-image-url" src=" https://www.dropbox.com/s/rxm46999l4nfjvk/true-north-web.png?raw=1"></td>
<td valign="center" style="vertical-align: top; color: #333333; font-size: 14px; font-family: Arial, Helvetica, sans-serif;"><a href="http://www.tnca.co.nz" style=" color: #f0a81a; text-decoration: none; font-weight: normal; font-size: 14px;">www.tnca.co.nz</a> <img id="preview-image-url" src="https://www.dropbox.com/s/e6zkvg1ajezc959/true-north-email.png?raw=1"> <a href="mailto:trudi@tnca.co.nz" style="color: #f0a81a; text-decoration: none; font-weight: normal; font-size: 14px;">trudi@tnca.co.nz</a></td></tr>
</table>
<table><tr><td style="font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; padding-top: 5px;">WARNING: The information in this email is confidential and may be privileged. If you are not the intended recipient, you must not read, use, copy or distribute this email or attachment, as such action may be unlawful. If you have received this email in error, please notify us immediately by return email, facsimile or telephone and delete the message. Where addressed to a client, any views expressed or advice given in this communication are subject to our engagement terms and conditions. Any views expressed in the message are those of the individual sender, except where the sender specifically states them to be otherwise.</td></tr></table>
</div>
1 Answer
cedricc
37,590 PointsHello,
You can Inline Embedding with Base64 Encoding.
http://base64online.org/encode/
Check the "Format as Data URL" option to format as a Data URL.