
Chapter 324
Set image alignment
An image, like text, appears in the normal flow of HTML in a page and can appear as a paragraph
by itself, or as part of a paragraph of text. You can set the alignment of an image in two ways in
the Property inspector using the text alignment or image alignment controls.
Text alignment positions the paragraph in which the image is inserted and can be used to align an
image to the left or right margin or to center it. Image alignment lets you set the relationship of
an image to other content in the same paragraph (including another image). In Dreamweaver, the
Align pop-up menu lets you select how the image aligns with the text.
Note: Not all of the image alignment options work in all browsers. In this tutorial you will use alignment options that
work in Microsoft Internet Explorer and in Netscape Navigator.
View the completed document
Before you begin, look at the completed file to see what you’ll do in this tutorial.
1 Choose File > Open, and in the dialog box that appears, navigate to the GettingStarted folder
you created, then navigate to Tutorials/Completed and open the file named
imageAlign_comp.htm.
The file opens in the Document window.
2 Press F12 (Windows only) or select File > Preview in Browser and select a browser to view the
document in.
The file shows three examples using image alignment and spacing to work with images and
text together.
3 When you are done viewing the file close your browser window.
Open a file to work in
You’ll work in a partially completed document that contains three images and text in a table. The
table confines the layout, enabling you to easily see how the different settings affect the alignment.
1 Choose File > Open and navigate to the imageAlign.htm file located in the Tutorials folder.
This document contains the same images and text as the completed file you viewed previously.
Text alignment
Image alignment
Komentáře k této Příručce