StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow to create a two column email newsletter
primarykey
Id
20263162
data
AcceptedAnswerId
20263340
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-11-28T10:11:54.467
FavoriteCount
0
LastActivityDate
2017-07-18T21:45:42.770
LastEditDate
2017-07-18T21:45:42.770
LastEditorUserId
4370109
OwnerUserId
3045316
ParentId
0
PostTypeId
1
Score
4
ViewCount
5842
LastEditorDisplayName
text
Body
<p>I am trying to create a two column email flyer but I'm having trouble with the coding as Outlook hates CSS.</p> <p>I'm using tables to keep it as simple as possible but I want two separate tables on the left and the right so I can add data into it as I wish.</p> <p>I tried using <code>float</code> left and right on the two tables but Outlook ignores this style.</p> <p>I know the two grey tables at the bottom are each in their own separate "holder" tables but this is so I can duplicate the grey "data" tables for when I add new articles.</p> <pre><code><table class="all" width="auto" height="auto" border="0" cellspacing="0"><tr><td height="504"> <table width="750" height="140" border="0" cellspacing="0"> <tr> <td width="200" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> <td width="345" align="center" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> <td width="152" align="center" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> <td width="45" align="center" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> </tr> <tr> <td width="200" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> <td align="center" valign="bottom" bgcolor="#E6E6E6"><font color="#111111" face="Arial Narrow" size="+2">DECEMBER NEWSLETTER</font></td> <td width="152" align="center" valign="bottom" bgcolor="#E6E6E6"><font size="2"><strong>#4 - <span class="orange">04.12.13</span></strong></font></td> <td width="45" align="center" valign="bottom" bgcolor="#E6E6E6">&nbsp;</td> </tr> </table> <table width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="75" height="50" bgcolor="#E6E6E6" scope="row">&nbsp;</td> <td width="600" rowspan="2" scope="row"><img src="http://placehold.it/600x200"/></td> <td width="75" bgcolor="#E6E6E6" scope="row">&nbsp;</td> </tr> <tr> <td width="75" height="81" scope="row">&nbsp;</td> <td scope="row">&nbsp;</td> </tr> </table> <table class="holder" width="750" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" scope="row"> <table class="inlinetableleft" width="360"> <tr> <td width="371" align="left">  <table width="360" border="0" cellspacing="0" cellpadding="0"> <tr> <th height="103" colspan="4" align="left" valign="middle" bgcolor="#CCCCCC" scope="row">&nbsp;</th> </tr> </table>  </td> </tr> </table> <table class="inlinetableright" width="360"> <tr> <td align="left">  <table width="360" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="106" align="left" bgcolor="#CCCCCC" scope="row">&nbsp;</td> </tr> </table>  </td></tr> </table> </td> </tr> </table> </code></pre> <p>Here is a fiddle of my newsletter so far, it's the bottom two grey tables that I want to be side by side.</p> <p><a href="http://jsfiddle.net/rtyM9/" rel="nofollow">Fiddle</a></p>
Tags
<outlook><html-table><html-email>
Title
How to create a two column email newsletter
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USman
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POHow to create a two column email newsletter
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COI've not had a problem with my widths and heights. It's just a case of getting my newsletter to work without `float`
  singulars
  PostPostId
  POHow to create a two column email newsletter
  UserUserId
  USman

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.