changed how padding is added to columns in sample 2. change id to class in sample 9

adamwulf · adamwulf · commit 4c1c1db6da77 · 2012-08-29T16:58:36.000-05:00
diff --git a/samples/sample2.html b/samples/sample2.html
@@ -9,7 +9,7 @@
 	<meta name="author" content="Matt Wilson">
 	<!-- Date: 2008-07-12 -->
 	<style>
-		.column p, .column h1{ padding: 5px; }
+		.column > *{ padding: 5px; }
 
 
 		body { font-size: 9pt; }
diff --git a/samples/sample9.html b/samples/sample9.html
@@ -15,7 +15,7 @@
 .page .header hr, .page .footer hr{ width: 400px; }
 .page .footer{ text-align: center; }
 .page .footer span{ position: absolute; bottom: 10px; right: 10px; }
-#page_template{ display: none; }
+.page_template{ display: none; }
 
 .enclosure {border:1px dashed black}	  
 </style>
@@ -30,7 +30,7 @@
 				if($('#newsletterContent').contents().length > 0){
 					// when we need to add a new page, use a jq object for a template
 					// or use a long HTML string, whatever your preference
-					$page = $("#page_template").clone().addClass("page").css("display", "block");
+					$page = $(".page_template:first").clone().addClass("page").css("display", "block");
 					
 					// fun stuff, like adding page numbers to the footer
 					$page.find(".footer span").append(page);
@@ -58,7 +58,7 @@
 
 <body>
 The goal of this demo is to show how to columnize super long content over multiple mulit-column "pages".
-<div id="page_template">  
+<div class="page_template">  
 	<div class='header'>This is a header<hr></div>  
 	<div class='content'></div>  
 	<div class='footer'><hr><span>Page: </span>This is the footer.</div>  
