About DSU

Here
Home » About DSU » Administration » Special Projects » Office of Information Technology » Web Services » WebSite FAQ's » SBT Tutorials » Fine-tune the Graphic Layout

Fine-tune the Graphic Layout

After the image is included in your page, you may fine-tune its placement by right-clicking the image to reopen the Image dialog and manipulating the options.

  • Width: and Height: initially show the implicit size of an image. You may type new values to override the implicit size, affecting only the display size on your page.

    Changing the values does not affect the image file size. It's better if the image is sized to your usage before you include it, rather than use these controls to dynamically resize it.

  • HSpace: controls the amount of horizontal space to the left and right of the image.

  • VSpace: controls the amount of vertical space at the top and bottom of the image.

  • Border: controls the weight in pixels of the border around the image. A value of 0 (zero) specifies no border.

  • Align: controls the alignment of the image with respect to the text line in which it occurs. To illustrate, assume a page containing the following text, with the cursor positioned immediately before the highlighted SBT .

Fine-tune Graphic Layout Example

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Including a graphic image at the cursor and manipulating the Align: option has the following effects:

Left

Right

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Top

Middle

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Bottom

Absmiddle

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Texttop

Baseline

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

Without going into great detail, there are many good reasons for using styles appropriately instead of applying explicit formatting to text. If you think you have a valid requirement for additional styles, discuss it with your local site administrator and/or webmaster. SBT provides a table function that is conceptually similar to tables in Word, but the manipulation is somewhat more constrained. Tabular information copied from Word, Excel and many other sources generally paste nicely into the editing area. You may find it easier to create your tables in another application and copy/paste them into your based page. It generally is easier to do all the formatting in the other application before copying and pasting into the edit space.

The differences among some options aren't obvious. The best way to see how the Align: option affects your page is to experiment with it.

It requires HTML markup beyond the scope of this document to have other than simple text-wrapping around an image. A table can be a simple and effective alternative to complicated HTML markup for placing an image in relation to text.

  • Include a one-row table with two or three columns.
  • Include the graphic in the appropriate cell.
  • Include text in adjacent cells.
  • Control the layout using the table functions discussed in Manipulate Cells.

     

     

     

     

     

    Maintained by: OIT

Quicklinks

Close Window