Edit Image Properties

After completing this topic, you will be able to edit image properties.

Steps:

1. Edit the image properties.

    

   Double-click the Page Setup dialog box graphic to open the Image Properties dialog box.

   Step 1

2. Change the Width of the image to 300 pixels.

    

   Double-click in the Width field.

   Step 2

3. Enter the desired information into the Width field. Enter

    a valid value
    e.g.
    "300"
   .
   Step 3

4. Notice that the Lock Ratio icon is enabled so you can leave the Height to automatically adjust.

   Step 4

5. Select the Advanced tab.

    

   Click the Advanced link.

   Step 5

6. You can use the Advisory Title to enter mouse-over (tooltip) text.

    

   Click in the Advisory Title field.

   Step 6

7. Enter the desired information into the Advisory Title field. Enter

    a valid value
    e.g.
    "Change page settings"
   .
   Step 7

8. Click the OK button.

   Step 8

9. Point to the image to see the mouse-over text.

    

   Point to the Page Setup dialog box graphic.

   Step 9

10. Notice the mouse over text.

    Step 10

11. The image appears on the left side of the screen, but the Align buttons show that the image has no alignment set.

     

    The default alignment for an image is a <not set> alignment, which produces an inline image with no word wrapping. If no alignment is set for the image, the image aligns to the paragraph on which it is placed. Applying a left or right alignment to the image itself changes the alignment and wraps the text.

    Step 11

12. Apply a left alignment to the image.

     

    Click the Page Setup dialog box graphic.

    Step 12

13. Click the Align Left button.

    Step 13

14. The text wraps to the right of the left-aligned image.

    Step 14

15. Add spacing between the image and the text.

     

    Double-click the Page Setup dialog box graphic.

    Step 15

16. Notice that the Alignment setting is set to Left.

     

    Alignment settings made using toolbar buttons also appear in the Image Properties dialog box.

    Step 16

17. Enter a 5 in the HSpace field to add 5 pixels of spacing between the image and the wrapped text on the right.

     

    Click in the HSpace field.

    Step 17

18. Enter the desired information into the HSpace field. Enter

     a valid value
     e.g.
     "5"
    .
    Step 18

19. Click the OK button.

    Step 19

20. Use the toolbar to right align the image.

     

    Click the Page Setup dialog box graphic.

    Step 20

21. Click the Align Right button.

    Step 21

22. You can remove an alignment setting from an image and change the alignment back to the default inline setting of <not set> using the Image Properties dialog box or by deselecting the active alignment button.

     

    In this example, you will use the Image Properties dialog box.

    Step 22

23. Open the Image Properties dialog box.

     

    Double-click the Page Setup dialog box graphic.

    Step 23

24. Click the Alignment list.

    Step 24

25. Click the <not set> list item.

    Step 25

26. Click the OK button.

    Step 26

27. The image is reset to an inline image.

    Step 27

28. Notice that the Center alignment is not available for images. You cannot directly center an image in a web page. You can, however, center an image by applying a center alignment to the paragraph in which the image is inserted.

    Step 28

29. Click to the right of the image to select the paragraph in which the image is inserted.

    Step 29

30. You have selected the paragraph in which the image is inserted and the Center alignment is available. Center the paragraph.

     

    Click the Center button.

    Step 30

31. The image is centered in the paragraph.

    Step 31

After completing this topic, you are able to edit image properties.

Table of Contents  Start Topic