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

Using An Image To Create A Line

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.