Path = Home : Webmaster Resources : HTML Design Tips : Using An Image To Create A Line

Using An Image To Create A Line

 

---

Web Source Web Design Tips
by Shelley Lowery

---

You can use an image to create a vertical or horizontal line in a web page.

Create a 2 pixel by 2 pixel image in the color of your choice. This single image can be used to create a vertical or horizontal line on your web page simply by changing the HEIGHT and WIDTH attributes.

Examples:

<IMG SRC="yourimage.gif" WIDTH="200" HEIGHT="2" BORDER="0">

<IMG SRC="yourimage.gif" WIDTH="200" HEIGHT="5" BORDER="0">

<IMG SRC="yourimage.gif" WIDTH="2" HEIGHT="200" BORDER="0">

<IMG SRC="yourimage.gif" WIDTH="5" HEIGHT="200" BORDER="0">

When creating a vertical line, you'll need to set up a table to display your text on each size of the line.

 

---

Tip provided by: Web Source: Your Guide to Professional Web Design and Development. http://www.web-source.net

---