Most browsers support placing a graphical image at the window's left side as well as placing the image 'in-text' which means the image will show up next to the line of text it was placed into. Although 'top', 'middle' and 'bottom' can be specified as a placement of the image relative to the text's place, only one line of text will be formatted next to the image.
If a row of images being longer than the current window width is formatted, most browsers will wrap the exceeding images around to the next free space in the window, but further down. This works just like a word processor will wrap exceeding words to the beginning of the next line of text.
Figure 3: Image placement within Web Browsers
Recent additions to the graphics placement options permit images to be bound to the window's left or right side with text flowing around them. Centering images (without text flow) is possible. But these options are not part of the HTML standard, and they are supported by few browsers only ( Netscape and Web Explorer support this feature).
No absolute placement of images is possible. There is no way to tell a browser to make an image show up at a certain coordinate pair. If you want to place an image at absolute coordinates within the browser window, there is only one way to do it. You need to insert lines and columns in the background colors at the top and left edge of the image to offset it from the top and left (or right) boder of the window. This is expensive in terms of file size and transfer time over networks though. The result is dependent on the readers' graphics resolutions and window sizes which are beyond the designer's control.
If your image is to be used as 'image map'
, it will be places in exactly the same way as described above.
The attribute of being an image map does not affect the placement of an image.
Figure 3 on page
shows the ways to place images with HTML commands.