Final rendering tutorial changes

philiptr · philiptr · commit 019a672d90d6 · 2015-02-20T12:14:43.000-08:00
diff --git a/content/static/tutorials/rendering/index.html b/content/static/tutorials/rendering/index.html
@@ -5,7 +5,6 @@ <h3 style="line-height: 0.7em;"><em>By Casey Reas</em></h3>
 
 <tr>
 <td>
-<br /> 
     <p class="license">This tutorial is Extension 35 from the second edition of <em><a href="http://mitpress.mit.edu/books/processing-1">Processing: A Programming Handbook for Visual Designers and Artists</a></em>, published by MIT Press. Copyright 2013 MIT Press. This tutorial is for Processing version 2.0+. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>.</p>
 <br /> 
 <br /> 
@@ -35,20 +34,26 @@ <h3>Another drawing surface</h3>
 
 <br /> 
 
-<tr style= "width: 100px; height: 100px; float:left;">
+<tr style= "width: 100px; float:left;">
     <td>
         <img src="imgs/35_01.png" style= "width: 100px; height: 100px; float: left;">     </td>
 </tr>
 
-<tr style="float:left;">
+<br />
+<br /> 
+<br /> 
+
+<tr style="float:left; margin-left: 20px;">
     <td>
         <pre>
-    background(0); 
-    ellipse(50, 50, 75, 75); 
+background(0); 
+ellipse(50, 50, 75, 75); 
         </pre>
     </td>
 </tr>
 
+<br /> 
+<br /> 
 
 <tr>
     <td>
@@ -67,7 +72,7 @@ <h3>Another drawing surface</h3>
     </td>
 </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
     <pre>
 PGraphics circle = createGraphics(100, 100);
@@ -100,7 +105,7 @@ <h3>Another drawing surface</h3>
     </td>
 </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
 PGraphics circle;
@@ -121,6 +126,7 @@ <h3>Another drawing surface</h3>
     </td>
 </tr>
 
+
 <tr>
     <td>
 <p>
@@ -129,6 +135,7 @@ <h3>Another drawing surface</h3>
   </td>  
 </tr>
 
+
 <br /> 
 
 <tr style ="width: 100px; float:left;">
@@ -145,7 +152,9 @@ <h3>Another drawing surface</h3>
     </td>
 </tr>
 
-<tr style="float:left;">
+<br />
+
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
 void setup() {
@@ -168,7 +177,7 @@ <h3>Another drawing surface</h3>
         </td>
     </tr>
 
-<br />
+
 
 <tr>
     <td>
@@ -197,7 +206,7 @@ <h3>Another drawing surface</h3>
         </td>
     </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
 PGraphics circles;
@@ -256,7 +265,7 @@ <h3>Another drawing surface</h3>
 </td>
     </tr>
 
-<tr style="float:left;">
+<tr>
     <td>
 <pre>
 PGraphics tile;
@@ -323,7 +332,7 @@ <h3>OpenGL surfaces</h3>
 </td>
     </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
 PGraphics cube;
@@ -400,9 +409,10 @@ <h3>Combine surfaces</h3>
     </tr>
 </td>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
+
 PGraphics cubeA;
 PGraphics cubeB;
 
@@ -475,9 +485,10 @@ <h3>Combine surfaces</h3>
         </td>
     </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
+
 PGraphics cubeA;
 PGraphics cubeB;
 
@@ -527,7 +538,6 @@ <h3>Combine surfaces</h3>
 </p>
         </td>
 </tr>
-
 <tr style ="width: 100px; float:left;">
     <td>
 <br /> 
@@ -541,13 +551,13 @@ <h3>Combine surfaces</h3>
 <br /> 
 <br />
 <img src="imgs/35_11_4.png" style= "width: 100px; height: 100px;">
-
     </td>
 </tr>
 
-<tr style="float:left;">
+<tr style="float:left; margin-left: 20px;">
     <td>
 <pre>
+
 PGraphics cubeA;
 PGraphics cubeB;
 
@@ -577,6 +587,7 @@ <h3>Combine surfaces</h3>
   cube.box(80);
   cube.endDraw();
 }
+
 </pre>
     </td>
 </tr>
