﻿<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="guide.xsl" type="text/xsl"?>
<guide platform="win" title="Formatting Images Using the Visual Editor" section="formatting">
  <div class="info">
      Before proceeding, make sure you are in Basic View by choosing <span class="menu">View &gt; Basic</span>
      <img class="screenshot-noshadow" src="images/basicview.png"></img><br></br>
    </div>
  <ol>
      <li>Select a problem with an image and open the Visual Editor. (For more information about opening and using the
      Visual Editor, see the article <a href="editbasic.xml" shape="rect">Editing a Problem Using the Visual Editor</a>) <img class="screenshot" src="images/formatimage.png"></img>
      </li>
      <li>Select the image by clicking on it. <img class="screenshot" src="images/formatimage1.png"></img>
      </li>
      <li>Use the alignment buttons on the toolbar to change the horizontal alignment of your image. <img class="screenshot" src="images/formatimage2.png"></img>
      </li>
	  <li>Right-click on the image and choose <span class="option">Image Properties</span>. <img class="screenshot-noshadow" src="images/imageproperties1.png" />
	  </li>
	  <li>Use the Image Properties dialog to adjust the scale and vertical alignment of the image. <img class="screenshot" src="images/imageproperties.png"/>
	  </li>
      <li>Click <span class="button">OK</span> to return to the Document Tree.
      </li>
    </ol>
  <div class="tip">
      For information on inserting images, see the article <a href="insertimages.xml" shape="rect">Inserting Images Using the
      Visual Editor</a> .
    </div>
</guide>