• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 7. Adding and Editing Images > Positioning Images Absolutely

Positioning Images Absolutely

FrontPage supports Cascading Style Sheets (CSS) for version 4 or later browsers, which means you can position images in ways not possible before. Without CSS, images and other objects can only be positioned in sequence, that is, one after another across and down the Web page. With CSS 2.0 you can position images absolutely, for example, stacking them in front of or behind other images and objects. Two wrinkles to consider: First, visitors without version 4 or later browsers will see the absolutely positioned images aligned to the left, which might not look so good; second, absolute positioning can’t be used with Dynamic HTML. Because Web browser support for CSS 2.0 remains spotty, use absolute positioning only if you are sure the bulk of your audience is using version 4 or later browsers. In general, it’s best to stick with CSS 1.0, which only affects formatting. For more information, see Using Cascading Style Sheets.

To position images absolutely

1.
Be sure to click the Normal tab and the Page icon, then select your image by clicking on it (Figure 7.77).

Figure 7.77. To position an image absolutely, first select it.


2.
Click the Position Absolutely button in the Pictures toolbar (Figure 7.78).

Figure 7.78. After selecting the image, click the Position Absolutely button.


3.
A four-arrowed icon will appear as you grab the image and begin moving it into position (Figure 7.79). Once you’ve positioned the image, click anywhere outside the image to deselect it.

Figure 7.79. A four-arrowed icon will appear as you grab the image and begin moving it into position.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint