Formatting Paragraphs

Using the options in the Paragraph Settings dialog, you can set formats for the text in a paragraph, the paragraph alignment, spacing, margins, indents, paragraph border, and paragraph background.

When you format paragraphs, type all the text first and then go back and apply the formatting. If you set formats as you enter the text, new paragraphs inherit the style of the paragraph before it.

Note:
Some options in the Paragraph Settings dialog have no effect if text formatting is set to HTML. These options are marked CSS only in the following sections. If you apply these options, you see them in Page view, but they disappear when you preview or publish the site. Be sure to test your site in all target browsers to ensure pages display as you intended.

Formatting Text in a Paragraph

  1. Position the insertion point in the paragraph you want to format. You do not need to select text.

  2. On the Format tab of the Text Properties palette, click the Format button.

The Paragraph Settings dialog appears.

  1. In the Paragraph Settings dialog, click the Character tab.

  1. Set the text format options. If you choose Automatic, the settings for the parent style pass through to the paragraph. See Understanding the Automatic Setting.

  2. Font applies the text font; the list of fonts is derived from the font map in the \NetObjects System folder.

If the specified font for the formatted text is installed on the site visitor’s system, HTML 3.x-compatible browsers display your text using this font. If the font is not installed, the browser checks a substitution table. If the specified substitution is not possible, the browser uses its default font. You can change the substitution table by editing the fontmap.txt file in the \NetObjects System folder.

You can choose any size up to 22192 pt., but the actual font and size site visitors see is based on their browser default setting and therefore is unpredictable. Also, some older browsers do not support all sizes. For those reasons, it is best to use the relative settings (such as -2 to 4). Then, when site visitors increase or decrease their browser font sizes, text size also increases or decreases. But if you use an absolute font size such as points, inches, or picas, the text on your pages stays the same size even if site visitors want to see it larger or smaller.

Setting Paragraph Alignment, Spacing, and Margins

  1. Position the insertion point in the paragraph you want to format. You do not need to select text.

  2. On the Format tab of the Text Properties palette, click the Format button.

  3. In the Paragraph Settings dialog, click the Paragraph tab.

  1. Set paragraph format options. If you choose Automatic, the settings for the parent style pass through to the paragraph. See Understanding the Automatic Setting.

  2. Alignment sets the alignment to left, center, right, or block. Changing alignment here also changes the alignment setting on the Text Properties palette. If no button is selected, the text is aligned using the default alignment.

  3. Image wrap (CSS only) sets how text can wrap around an image. You can choose left, right, or on both sides of the image. To apply wrap settings to a particular image, use the Picture Properties palette. This feature is most useful when creating text styles. See Creating a Text Style.

  4. Line height (CSS only) sets the amount of space between lines of text in the selected unit of measurement.

  5. Letter spacing (CSS only) sets the amount of space between characters in the text in the selected unit of measurement.

  6. Space above (CSS only) and Space below (CSS only) set the amount of space above and below paragraphs in the selected units of measurement.

  7. First line indent sets the tab space indent for the first line of text in the selected unit of measurement. This is the only way to indent a paragraph without using the space bar.

  8. Left margin (CSS only) and Right margin (CSS only) set the margins on either side of the paragraph in the selected units of measurement.

Setting Borders and Padding (CSS only)

Borders are lines around a paragraph. Padding is the amount of space between the border lines and the text. If no border is set, padding can mimic margins around text.

Note:
Browsers can interpret your border and padding settings differently. Check the appearance of objects with borders and padding in different browsers to make sure the object appears as you intended.

  1. Position the insertion point in the paragraph you want to format. You do not need to select text.

  2. On the Format tab of the Text Properties palette, click the Format button.

  3. In the Paragraph Settings dialog, click the Borders tab.

  1. Select border settings. If you choose Automatic, the settings for the parent style pass through to the paragraph. See Understanding the Automatic Setting.

  2. Automatic applies the default border setting.

  3. None prevents the parent element’s border settings from being applied.

  4. Border makes the other options available so you can apply individual border settings. Use:

Style, Width, and Color to set the border’s line style, width, and color. Click the Color box to select a color from the Color Picker.

Active borders to specify which borders appear around the paragraph. All four segments are selected by default, which adds a complete box around the paragraph. You can click any combination of segments.

  1. Select the amount of padding you want at each side of the paragraph.

Setting Background Options (CSS only)

  1. Position the insertion point in the paragraph you want to format. You do not need to select text.

  2. On the Format tab of the Text Properties palette, click the Format button.

  3. Click the Background tab.

  1. Set the background format options for the paragraph. If you choose Automatic, the settings for the parent style pass through to the paragraph. See Understanding the Automatic Setting.

  2. Color sets the background color behind the text. Click the Color box to select a new color from the Color Picker.

  3. Image sets the background to an image. Click Browse to select an image.

  4. Attachment sets the background image to either remain fixed or scroll as the text scrolls. This option applies only to Microsoft Internet Explorer 4.x.

  5. Repeat sets how the image displays behind the text. Choose None to display a single image that does not repeat. Select Both to fill the background entirely with the image. Select Horizontal or Vertical to display a row of images horizontally or vertically behind the text.

The horizontal and vertical settings do not work with many browsers. Do not use this feature unless you expect your site visitors to use Internet Explorer 5.0 or higher for Windows or Internet Explorer 4.5 or higher for the Mac OS. Netscape Navigator 4.7 and earlier do not use this feature properly.

To position the image correctly in browsers, the horizontal and vertical values interact. Note that when you change the setting for the horizontal or vertical position, the other setting changes accordingly.