IMAGES & TEXT

 

In HTML, the designer has the ability to align images around text. An alignment method can be specified so that the text wraps around the image as the designer envisioned. This can also be done in Dreamweaver by selecting the image and using the Align field in the Properties Toolbar.

Here are a few of the alignment options

Browser Default: Usually Baseline. The first line of text begins at the bottom of the image and the rest appears below the image.

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text


Top: The first line of text begins at the top of the image and the rest appears below the image
 

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Absolute Middle: The first line of text begins at the absolute middle point of the image and the rest appears below the image

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Left: The text wraps to the right of the image. This can be confusing because it's a little backwards. Just remember that the image is what is being aligned, not the text.
 

Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Right: The text wraps to the left of image and the image appears on the right.

Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

What if we wanted to use 2 images? It gets a little more complicated.
 

Here is an image aligned left at the beginning of the paragraph and another image aligned right a little further down. This produces a look similar to a magazine or a newspaper layout.

Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Copyrights -Jehanzeb.Tk

 

 

Hosted by www.Geocities.ws

1