FrontPage Resources AccessFP Services AccessFP Mall Web Resources
Index About Advanced Search Home

Aligning images with text

Inline images and text


Inline images and text

An inline image is any image which is displayed within a paragraph of text. These images are usually small, and tend to be icons used for links, symbols or mathematical formulas. A display image is usually larger, a diagram or a picture, and is usually presented as a 'new paragraph'.

The main issue with inline images is the alignment of the image with the text. Suppose we want to display the formula for the population standard deviation in a page about math's, we have a choice of the three basic alignments top, middle and bottom. The table below demonstrates each of these - real inline images don't have outlines around them of course!

The population standard deviation is given by sd.gif (255 bytes) where x is the variable

The default 'bottom' alignment - the bottom of the image is aligned with the bottom of the text line (not the 'descenders' on letters like y)

The population standard deviation is given by sd.gif (255 bytes) where x is the variable

The 'middle' alignment - the middle of the image is aligned with the middle of the text. There is a slight difference between the way MS Internet Explorer and Netscape Navigator display middle aligned images, but in ordinary text, there is little difference in practice.

The population standard deviation is given by sd.gif (255 bytes) where x is the variable

The 'top' alignment - the top of the image is in line with the top of the text font - i.e. the line above the ascenders.

MS FrontPage makes no distinction between inline images or display images, and you import either kind in exactly the same way, as covered in the last page of these notes. To summarise

Your image will appear in the line of text, like this sd.gif (255 bytes), and now you can

colour21.gif (5462 bytes)

If you are using a coloured background, remember to select 'transparent' from the General properties tag. The page colour will then show through the background of the GIF.

Back ] Next ]