Minor CSS tweaks

doc/image1.html

@@ -1441,7 +1441,7 @@ <h4>Example</h4>
     onmouseout="this.src='ex/affine_transform.jpg'" src=
     "ex/affine_transform.jpg" alt="affine_transform example" title=
     "Click to see the example script" /></a> <img src=
-    "ex/images/spin.gif" alt="" class="spin" style="left: 202px;"
+    "ex/images/spin.gif" alt="" class="spin" style="left: 235px;"
     title="Mouse over the example to see the original image" /></p>
 
     <h4>See also</h4>

doc/image3.html

@@ -1435,7 +1435,7 @@ <h4>Example</h4>
     "padding-left:62px; padding-right: 62px; padding-top: 87px;padding-bottom:87px;"
     id="after_resize_to_fill" onmouseover=
     "this.style.display='none'; before_resize_to_fill.style.display='';"
-    alt="resize_to_fill example" /> 
+    alt="resize_to_fill example" />
     <!-- This img tag displays the before image when moused over -->
      <img src="ex/images/Flower_Hat.jpg" style="display: none" id=
     "before_resize_to_fill" onmouseout=
@@ -1530,7 +1530,7 @@ <h4>Example</h4>
      <img id="rtfless" style="display: none" onmouseout=
     "this.style.display='none';rtf.style.display='';" src=
     "ex/images/Flower_Hat.jpg" alt="resize_to_fit example" title=
-    "Click to see the example script" /> 
+    "Click to see the example script" />
     <!--  This img tag displays the framed image when the mouse is not over-->
      <img style=
     "padding-left:69px; padding-right: 69px; padding-top: 87px;padding-bottom:87px;"
@@ -2721,7 +2721,7 @@ <h4>Example</h4>
     id="spliced" onmouseover=
     "this.style.display='none';nosplice.style.display='';" src=
     "ex/splice.jpg" alt="splice example" /></a> <img src=
-    "ex/images/spin.gif" alt="" style="margin-bottom: 280px" title=
+    "ex/images/spin.gif" alt="" style="margin-bottom: 250px" title=
     "Mouse over the example to see the original image" /></p>
 
     <h4>See also</h4>