Pinning an image

At some stage, you have probably visited a website that carries a little badge or ribbon that floats in a specific location and doesn't move from that point. It sits persistently on the page. This effect is created by pinning the image in place. The ability to pin is a great tool in the designer's arsenal. It allows us to break out of the grid and allow content to flow around the pinned image.

To pin an image to a specific location, you use the Pin tool as explained in the following steps:

1. 1. In Design view, open the blue A-Master page.

2. 2. Place the PinningWindsurfer.png image on the page and keep the image selected.

3. 3. On the Control Panel, click a position in the Pin tool to specify how you want to pin the image in relation to the browser. Selecting the top-center pin will pin the image in relation to the top-center of the browser. Selecting the bottom right-hand side pin will pin the image in relation to the bottom right-hand side of the browser. The best way to see how the...