Snippet

Shared by Countries Team, 2018-05-31 18:59:36. Tagged: Table, Outlook

Copy to Clipboard Save to Design Library

Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="center" valign="top">
                        <table width="750" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
                            <tr>
                                <td width="750" height="300" align="center" background="http://image.crm.kaplaninternational.com/lib/fe9a13707567017e76/m/9/IMG_2819.png" valign="top" style='background-position: 50% 50%; width: 750px; background-image: url("http://image.crm.kaplaninternational.com/lib/fe9a13707567017e76/m/9/IMG_2819.png"); background-repeat: no-repeat; background-size: cover; background-color: #555555; -webkit-background-size: cover;'>
                                    
                                    <div>
                                        <table width="630" align="center" border="0" cellpadding="0" cellspacing="0" style="border:none;width:630px;" class="two-left-inner">
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <table width="630" align="center" border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;" class="two-left-inner">
                                                        <tr>
                                                            <td height="50" align="left" valign="top" style="line-height:50px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" valign="top">	
																<table width="285" border="0" align="right" cellpadding="0" cellspacing="0" class="two-left-inner">
																	<tr>
																		<td class="imageadjustleft" height="20" align="center" valign="top" style="line-height:20px; padding-top:6px;"><img src="http://image.crm.kaplaninternational.com/lib/fe9a13707567017e76/m/9/USA_Map_Silhouette_marked3.png" width="285" height="190" alt="" style="display:block;" /></td>
																	</tr>
																</table>
																<table width="280" border="0" align="left" cellpadding="0" cellspacing="0" class="two-left-inner" style="width: 280px;">
																	<tr>
																		<td align="left" valign="top">
																			<table width="285" border="0" align="left" cellpadding="0" cellspacing="0" style="width: 285px;">
																				<tr>
																					<td align="left" class="title" valign="top" style="font-family:verdana, sans-serif; font-size:16px; font-weight:bold; color:#ffffff; text-transform:uppercase; line-height:20px; padding-left:2px; padding-top:10px;">Text</td>
																				</tr>
																			</table>
																		</td>
																	</tr>
																	<tr>
																		<td align="left" valign="top">
																			<table width="285" border="0" align="left" cellpadding="0" cellspacing="0" style="width: 285px;">
																				<tbody>
																				<tr>
																					<td class="title" align="left" valign="top" style="font-family:Arial, sans-serif; font-size:14px; font-weight:normal; color:#ffffff; line-height:20px; padding-left:2px; padding-top:10px; padding-bottom:50px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt, ante sit amet cursus pharetra, nibh lectus tempor nunc, vel posuere ligula sapien sit amet augue. Sed suscipit, elit eget volutpat ultrices, urna diam imperdiet leo, at scelerisque risus felis ac arcu. Fusce nec efficitur mauris.</td>
																				</tr>
																				</tbody>
																			</table>
																		</td>
																	</tr>
																</table>
															</td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

Florian Cargouet replied 2018-02-16 08:18:45

Good job, it's nice. I am a beginner and I was wondering why you use classes if they are not declared on header ?

Reply to Florian Cargouet

Graeme Jenkinson replied 2018-05-29 10:08:48

This does nothing and needs to be deleted.

Reply to Graeme Jenkinson

Agustin Saldate replied 2018-05-31 18:59:36

What exactly does it do? Or it is just a sample of a background image, it is not responsive.

Reply to Agustin Saldate

Snippet

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password