HTML Lotech Solutions ( Jump to site home pagewww.lotechsolutions.com)

Image effects in HTML pages

Topic status automatically displays here - do not remove.

Bookmark me!Bookmark this topic  Print me!Print this topic

Images can be resized dynamically on HTML pages by setting the height and width properties of the <img> tag appropriately. For example, the following GIF is copied from the Citect web site header. 


xyz

The original is 800 pixels wide x 10 pixels high. It is a graduated image with vertical lines throughout. 

By adjusting the width of the image, the spacing between the vertical lines vary to form various optical effects. 

300 Wide:
xyz

400 Wide:
xyz

533 Wide:
xyz

600 Wide:
xyz

800 Wide:
xyz

900 Wide:
xyz

1066 Wide:
xyz

1200 Wide:
xyz

Back to Top

See Also

Jump to site home page Lotech Solutions' Tips, Tricks, and Procedures

Back to Top