Permalink
Browse files

Switch template columns from aligned-table method to more stable bloc…

…k-level-td method.
1 parent 0a077fc commit cb2117324ef72465405e31aa105ad42f9a7c44b4 @fcarneiro fcarneiro committed May 20, 2013
View
20 responsive-templates/base_boxed_2column_query.html
@@ -276,7 +276,7 @@
/* ========== Column Styles ========== */
- .templateColumnContainer{display:inline; width:260px;}
+ .templateColumnContainer{width:260px;}
/**
* @tab Columns
@@ -300,9 +300,9 @@
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
- padding-right:0;
+ padding-right:20px;
padding-bottom:20px;
- padding-left:0;
+ padding-left:20px;
/*@editable*/ text-align:left;
}
@@ -328,9 +328,9 @@
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
- padding-right:0;
+ padding-right:20px;
padding-bottom:20px;
- padding-left:0;
+ padding-left:20px;
/*@editable*/ text-align:left;
}
@@ -606,10 +606,10 @@
<tr>
<td align="center" valign="top">
<!-- BEGIN COLUMNS // -->
- <table border="0" cellpadding="20" cellspacing="0" width="100%" id="templateColumns">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
<tr mc:repeatable>
- <td align="left" valign="top" style="padding-bottom:0;">
- <table align="left" border="0" cellpadding="0" cellspacing="0" class="templateColumnContainer">
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="leftColumnContent">
<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px.png" style="max-width:260px;" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" />
@@ -625,7 +625,9 @@
</td>
</tr>
</table>
- <table align="right" border="0" cellpadding="0" cellspacing="0" class="templateColumnContainer">
+ </td>
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="rightColumnContent">
<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px.png" style="max-width:260px;" class="columnImage" mc:label="right_column_image" mc:edit="right_column_image" />
View
16 responsive-templates/base_boxed_3column_query.html
@@ -276,7 +276,7 @@
/* ========== Column Styles ========== */
- .templateColumnContainer{display:inline; width:200px;}
+ .templateColumnContainer{width:200px;}
/**
* @tab Columns
@@ -533,7 +533,7 @@
*/
.columnImage{
height:auto !important;
- /*@editable*/ max-width:160px !important;
+ /*@editable*/ max-width:480px !important;
/*@editable*/ width:100% !important;
}
@@ -646,8 +646,8 @@
<!-- BEGIN COLUMNS // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
<tr mc:repeatable>
- <td align="left" valign="top" style="padding-top:20px;">
- <table align="left" border="0" cellpadding="20" cellspacing="0" class="templateColumnContainer">
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="leftColumnContent">
<img src="http://gallery.mailchimp.com/569c0869e0552eb4cd827f095/images/image_placeholder_160px.png" style="max-width:160px;" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" />
@@ -663,7 +663,9 @@
</td>
</tr>
</table>
- <table align="left" border="0" cellpadding="20" cellspacing="0" class="templateColumnContainer">
+ </td>
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="centerColumnContent">
<img src="http://gallery.mailchimp.com/569c0869e0552eb4cd827f095/images/image_placeholder_160px.png" style="max-width:160px;" class="columnImage" mc:label="center_column_image" mc:edit="center_column_image" />
@@ -679,7 +681,9 @@
</td>
</tr>
</table>
- <table align="left" border="0" cellpadding="20" cellspacing="0" class="templateColumnContainer">
+ </td>
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="rightColumnContent">
<img src="http://gallery.mailchimp.com/569c0869e0552eb4cd827f095/images/image_placeholder_160px.png" style="max-width:160px;" class="columnImage" mc:label="right_column_image" mc:edit="right_column_image" />
View
20 responsive-templates/base_boxed_basic_2column_query.html
@@ -228,7 +228,7 @@
/* ========== Column Styles ========== */
- .templateColumnContainer{display:inline; width:260px;}
+ .templateColumnContainer{width:260px;}
/**
* @tab Columns
@@ -252,9 +252,9 @@
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
- padding-right:0;
+ padding-right:20px;
padding-bottom:20px;
- padding-left:0;
+ padding-left:20px;
/*@editable*/ text-align:left;
}
@@ -280,9 +280,9 @@
/*@editable*/ font-size:14px;
/*@editable*/ line-height:150%;
padding-top:0;
- padding-right:0;
+ padding-right:20px;
padding-bottom:20px;
- padding-left:0;
+ padding-left:20px;
/*@editable*/ text-align:left;
}
@@ -526,10 +526,10 @@
<tr>
<td align="center" valign="top">
<!-- BEGIN COLUMNS // -->
- <table border="0" cellpadding="20" cellspacing="0" width="100%" id="templateColumns">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
<tr mc:repeatable>
- <td align="left" valign="top" style="padding-bottom:0;">
- <table align="left" border="0" cellpadding="0" cellspacing="0" class="templateColumnContainer">
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="leftColumnContent">
<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px.png" style="max-width:260px;" class="columnImage" mc:label="left_column_image" mc:edit="left_column_image" />
@@ -545,7 +545,9 @@
</td>
</tr>
</table>
- <table align="right" border="0" cellpadding="0" cellspacing="0" class="templateColumnContainer">
+ </td>
+ <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;">
+ <table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr>
<td class="rightColumnContent">
<img src="http://gallery.mailchimp.com/27aac8a65e64c994c4416d6b8/images/header_placeholder_260px.png" style="max-width:260px;" class="columnImage" mc:label="right_column_image" mc:edit="right_column_image" />

0 comments on commit cb21173

Please sign in to comment.