Navigation Button

Internet Brothers: Helpware for the Cybercommunity - Graphics Tips

Making Text Wrap Around Graphics


Sometimes text and graphics combinations look best when the text is wrapped around the graphic. Examples would be mastheads or columnar reports. This tip will demonstrate the process in display and HTML code. The keys to the technique are the hspace and align attributes of the img tag. Examine the code.

Wasted Page Space
In this example the text displays below the graphic. It leaves blank "white space" to the right of the graphic.

A Much Better FitWhile in this example the text wraps around the graphic conserving the space. Which do you like better? Give this tip a try on your page and see how it works for you.

<img src="tree.jpg" width="45" height="46">
In this example the text displays below the graphic. It leaves blank white space to the right of the graphic.
<img src="tree.jpg" align="left" hspace="6" width="45" height="46">
While in this example the text wraps around the graphic conserving the space. Which do you like better? Give this tip a try on your page and see how it works for you.

Was this site useful to you?
Vote For Us at WebbieWorld

Helpful TipTo print a copy of an Internet Brothers tip or article, simply take a photograph of your computer screen, develop the film and have the photo enlarged to the font size of your choice.

The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said.

The hierarchical menus were created using Peter Belesis' Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.

Our Lovely Email Icon    another darn bug






Site Map

 

 

Copyright 1997-present Internet Brothers. All Rights Reserved. Really.