Streaming live at 10am (PST)

MailChimp & Table w/ buttons


#1

I need to make 2 buttons side by side and style them. Since it is mailchimp and I’m sending it to Mandrill I need to make sure it is not CSS so that we can continue to update the template in mailchimp and send to mandrill without the css being overwritten.

Here is code:

       <div class="row">
<div class="column">
<table border="0" cellpadding="10" cellspacing="10" class="mcnButtonBlock" style="min-width:100%;" width="100%">
	<tbody class="mcnButtonBlockOuter">
		<tr>
			<td align="left" class="mcnButtonBlockInner" style="padding-top:10; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top">
			<table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 50px;background-color: #40C0CB; width:130px">
				<tbody>
					<tr>
						<td align="center" class="mcnButtonContent" style="font-family: Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px;" valign="middle"><a class="mcnButton " href="http://www.google.com" style="font-weight: normal;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;" target="_blank" title="Verify">Verify</a></td>   
				</tbody>
			</table>
			</td>
            <td align="left" class="mcnButtonBlockInner" style="padding-top:10; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top">
			<table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 50px;background-color: #ebedef; width:130px">
					<tr>
						<td align="center" class="mcnButtonContent" style="font-family: Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px;" valign="middle"><a class="mcnButton " href="http://www.yahoo.com" style="font-weight: normal;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #697989;" target="_blank" title="Update Firmware">Report</a></td>   
                </tbody>
			</table>
			</td>
            </div>
            <table border="0" cellpadding="0" cellspacing="0" style="width:60px&quot;">
				<tbody>
            <td align="left" style="font-family: Roboto, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: Medium; padding: 10px;" valign="middle">Unsure why you received this email?</td>
		</tr>
	</tbody>
</table>

Blockquote

And here is how it should look: image

Appreciate any help or ideas…


#2

You’ll need to provide more information


#3

Hi, thanks for the reply, I’m unsure what other information I could supply. What would be helpful?


#4

Please read the linked post above.