View Full Version : Image border help

07-22-2002, 12:59 AM
Is there any possible way to make a gif-border around an image instead of that default black border.

07-22-2002, 01:19 AM
I'm not sure what you mean by gif-border.
.gif is just a image format not a style. But you can change the color of the border <img src="this.png" border="2" bordercolor="green">
or you can make a border from a table and change it's color that way: <table border="1" bordercolor="green"><tr><td><img src="this.png"></td></tr></table>

If done with the table you can customize the border a little with css: <table style="border-style:dashed;border-width:3;border-color:green;" border="1"><tr><td><img src="this.png"></td></tr></table>

Did that answer your question?

07-22-2002, 02:07 AM
What i mean is i want an image border instead of a color border around my image.

07-22-2002, 04:44 AM
Well in that case you will have to edit the images in an graphics program eg; Paintshop pro or Photoshop.

example: http://www21.brinkster.com/cubestudios/index.asp?linka=imagepage

If you need I could edit them for you.

I could do it for you if you want..

07-23-2002, 01:03 AM

To use an image as a table border:
("n1" is the thickness of the top border for height and "n2" is the thickness of border for width.)

Type <table border=0 cellspacing=0 cellpadding=0> to begin.
Type <tr><td colspan=3 height=n1 background="yourimage.gif">nbsp;</td></tr> This completes the cell and row and fills it with a non-breaking space to ensure it appears. NOTE* This forum doesn't like the non-breaking code or I'm doing something wrong so add the ampersand & in front of the nbsp;

Type <tr><td width=n2 background="yourimage.gif">nbsp;</td> using the same image as above.

Type <td>Your Content Here</td> where content is what you'd like to display in the table, even another table.

repeat above <td width=n2....</td>

Type </tr>

Repeat above <tr><td colspan=3 height=n1.....</td></tr>

Type </table> to end

A pain but fun to play around with. Hope it helps.

Allan :thumbsup:

07-23-2002, 09:09 AM
Well if you put it that way you can also use z-index and absolute positioning to move one image above another image.

I never even thought of what HalloweenFreak did, that is a very clever way of doing it.:thumbsup: