Lines in Several Colours

There are two ways of producing simple coloured lines:

1. A single cell coloured .gif image which you can stretch,
2. A transparent single cell gif in a table cell with BGCOLOR

1. Single Cell coloured .gif

You can have simple coloured lines or squares.
The basis of each one is a single coloured pixel GIF of HEIGHT=1 WIDTH=1

You can then use these very small GIFs with the height and width you require.
The red line at the top of this page is HEIGHT=5 WIDTH=450

In case you do not have a graphics package handy, here are some GIFs
in basic colours for you to download.

 
        black

        gray

        silver

        blue

        midblue

        aqua

        yellow

        lime

        midgreen

        green

        orange

        red

        fuchsia

        purple

        maroon

       white
(Without the border you would not see this one,
because it is white against a white background).

       space
(Without the border you would not see this one either,
because it is transparent and used for creating a space).

On the other hand

If you like to be a little more adventurous at minimal extra cost, you could try multi-coloured simple-coloured gifs. I have three in stock, none of which I am particularly keen on:

    blue plus

    red plus

    yellow plus

This is illustrated in a vertical cell forming a coloured stripe down the page. Go to stripe6.htm for details.

The same technique using a table cell is a neat way of producing coloured bars across the page. There is a minor problem with this in that some older browsers do not handle cell BGCOLOR very well.

The code is as follows:

<center>
<table><tr>
<td bgcolor="red">
<img src="buttons/space.gif" width=400 height=3 alt="" border="0">
</td></tr></table></center>

The color is specified in the TD clause, the width and height is in the IMG statement. With this you do not have to upload the specific colours you require into your image directory, only a standard transparent space.gif which you may find useful for other things too.

The width and height is slightly different from what you might expect since there is a default in TABLE that gives CELLPADDING=3 and this is added to the image width and height values that you specify.