New layout draft for Typography tutorial, part 14

REAS · REAS · commit a8f2f8205f9e · 2015-10-01T00:09:02.000-07:00
diff --git a/content/static/tutorials/typography/index.html b/content/static/tutorials/typography/index.html
@@ -39,16 +39,12 @@ <h3>Draw text</h3>
 text("LAX", 0, 40);  // Write "LAX" at coordinate (0,40)
 text("AMS", 0, 70);  // Write "AMS" at coordinate (0,70)
 text("FRA", 0, 100); // Write "FRA" at coordinate (0,100)
-fill(0);
-text("LAX", 0, 40);  // Write "LAX" at coordinate (0,40)
-text("AMS", 0, 70);  // Write "AMS" at coordinate (0,70)
-text("FRA", 0, 100); // Write "FRA" at coordinate (0,100)
 </pre>
         </td>
       </tr>
 </table>
 
-<p>&nbsp;</p>
+<hr />
 
 <table style="width: 650">
       <tr>
@@ -65,7 +61,7 @@ <h3>Draw text</h3>
       </tr>
 </table>
 
-<p>&nbsp;</p>
+<hr />
 
 <table style="width: 650">
       <tr>
@@ -81,7 +77,7 @@ <h3>Draw text</h3>
       </tr>
 </table>
 
-<p>&nbsp;</p>
+<hr />
 
 <table style="width: 650">
       <tr>
@@ -106,7 +102,7 @@ <h3>Draw text</h3>
     Another version of text() draws the characters inside a rectangle. In this use, the second and third parameters define the position of the upper-left corner of the box and fourth and fifth parameters define the width and height of the box. If the length of the text exceeds the dimensions of the defined box, the text will not display.
   </p>
 
-    <table style="width: 650" border="1">
+    <table style="width: 650">
       <tr>
         <td style="width: 120px; float:left;"><img src="imgs/12_05.png" style="width: 100px; height: 100px;"></td>
         <td style="width: 530px;">
@@ -117,7 +113,11 @@ <h3>Draw text</h3>
 </pre>
         </td>
       </tr>
+</table>
 
+<hr />
+
+<table style="width: 650">
       <tr>
         <td style="width: 120px; float:left;"><img src="imgs/12_06.png" style="width: 100px; height: 100px;"></td>
         <td style="width: 530px;">
diff --git a/css/style.css b/css/style.css
@@ -1135,7 +1135,8 @@ h2 { margin-bottom: 0; margin-top: 0;}
 #Tutorials .onecol { clear: both; }
 #Tutorials table { 
 	/*width: 687px;*/ 
-	margin-top: 0px; 
+	margin-top: 0px;
+	margin-bottom: 20px; 
 	border-collapse:collapse;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1135,7 +1135,8 @@ h2 { margin-bottom: 0; margin-top: 0;}`
`1135`	`1135`	`#Tutorials .onecol { clear: both; }`
`1136`	`1136`	`#Tutorials table {`
`1137`	`1137`	`/width: 687px;/`
`1138`		`- margin-top: 0px;`
	`1138`	`+ margin-top: 0px;`
	`1139`	`+ margin-bottom: 20px;`
`1139`	`1140`	`border-collapse:collapse;`
`1140`	`1141`	`}`
`1141`	`1142`