My Websites

Workbench

Drudge Retort

SportsFilter

My Books

Teach Yourself Java in 21 Days, Eighth Edition

Teach Yourself Java in 24 Hours, Eighth Edition

Teach Yourself C++ in 24 Hours

Layout Graphics with Text

This is part of Chapter 3 of the book Sams Teach Yourself Microsoft FrontPage 2003 in 24 Hours by Rogers Cadenhead, published November 2003 by Sams Publishing

The first time you add a graphic to a section of text in FrontPage, you're likely to be disappointed in how it looks. Text flows awkwardly from the lower edge of the graphic, leaving a lot of whitespace around it.

Selecting a new wrapping style for the graphic corrects the problem. The wrapping style is a setting that determines how the graphic should be displayed in relation to adjacent text and other content on the page.

Figure 3.3
Change how a graphic is displayed.

To choose a wrapping style for a graphic, follow these steps:

1. Double-click the graphic. The Picture Properties dialog box opens (see Figure 3.3).
    
2. If the Appearance tab is not visible, click the tab's name to bring it to the front.
    
3. Choose one of the options under the Wrapping Style heading -- click the icon above the labels None, Left, or Right. The icons show how the graphic will be placed in relation to text.
    
4. To add or reduce the amount of blank space between the sides of the graphic and the text, adjust the Horizontal Spacing setting.
    
5. To add or remove some space on the top and bottom, adjust the Vertical Spacing section.
    
6. Click OK. The Picture Properties dialog box closes, and you can see the results on your page.

Figure 3.4 shows two Web pages that are identical in every way but one: The photo of jazz artist Joshua Redman has been set to a different wrapping style.

Figure 3.4
Two layouts of the same picture, one with left alignment (top) and one with right alignment (bottom).

The wrapping style of a graphic determines only how it is displayed next to adjacent text.

To add a blank line before or after a graphic, place the cursor to the left or right of the graphic and press Enter to insert a paragraph break. To insert a smaller line break instead, press Shift+Enter.

Another way to customize the placement of a graphic is to use its alignment setting.

This setting, which is similar to the wrapping style, determines how a graphic will be lined up next to other graphics and text that are close to each other in height.

To set a graphic's alignment, follow these steps:

1. Double-click the graphic. The Picture dialog box opens.
    
2. If the Appearance tab is not visible, click the tab's name to bring it to the front.
    
3. Under the Layout heading, choose one of the options of the Alignment list box:
    
   • Left and Right alignment cause the graphic to appear to the left or right of the surrounding text.
      
   • Top alignment lines up the top edges of the graphics and text.
      
   • Bottom alignment lines up the bottom edges of the graphics and text. This is also the default alignment for a new image.
      
   • Middle alignment lines up the middle of the graphics with the bottom of the text.
      
   • Absolute Middle alignment lines up the middle of the picture with the middle of the text.
      
4. More options exist, but all of them are pretty similar to these six. You can use alignment options with text, graphics, or anything else that is small enough to be displayed beside a picture.
    
5. Click OK.

If using wrapping styles and alignment isn't sufficient to achieve the page layout you'd like, you'll learn how to accomplish more sophisticated positioning in the next hour, "Lay Out a Page with Tables."

Chapter 3:

• Introduction
• Work with Graphics in Different Formats
• Add a Graphic to a Page
• Layout Graphics with Text
• Add a Hyperlink
• Add a Caption
• Add Clip Art to a Page
• Change the Size of a Graphic
• Save a Page with New Graphics
• Find More Clip Art to Use
• Summary
• Q&A

Teach Yourself Microsoft FrontPage 2003 in 24 Hours