Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-22-2002, 12:59 AM   PM User | #1
avelonx
New Coder

 
Join Date: Jun 2002
Location: United States
Posts: 31
Thanks: 0
Thanked 0 Times in 0 Posts
avelonx is an unknown quantity at this point
Image border help

Is there any possible way to make a gif-border around an image instead of that default black border.
avelonx is offline   Reply With Quote
Old 07-22-2002, 01:19 AM   PM User | #2
Mhtml
Senior Coder

 
Mhtml's Avatar
 
Join Date: Jun 2002
Location: Sydney, Australia
Posts: 3,531
Thanks: 0
Thanked 1 Time in 1 Post
Mhtml is an unknown quantity at this point
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?
__________________
Omnis mico antequam dominus Spookster!
Mhtml is offline   Reply With Quote
Old 07-22-2002, 02:07 AM   PM User | #3
avelonx
New Coder

 
Join Date: Jun 2002
Location: United States
Posts: 31
Thanks: 0
Thanked 0 Times in 0 Posts
avelonx is an unknown quantity at this point
What i mean is i want an image border instead of a color border around my image.
avelonx is offline   Reply With Quote
Old 07-22-2002, 04:44 AM   PM User | #4
Mhtml
Senior Coder

 
Mhtml's Avatar
 
Join Date: Jun 2002
Location: Sydney, Australia
Posts: 3,531
Thanks: 0
Thanked 1 Time in 1 Post
Mhtml is an unknown quantity at this point
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/cubestudi...inka=imagepage

If you need I could edit them for you.

I could do it for you if you want..
__________________
Omnis mico antequam dominus Spookster!

Last edited by Mhtml; 07-22-2002 at 05:56 AM..
Mhtml is offline   Reply With Quote
Old 07-23-2002, 01:03 AM   PM User | #5
HalloweenFreak
New to the CF scene

 
Join Date: Jul 2002
Location: Oregon
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
HalloweenFreak is an unknown quantity at this point
Thumbs up

Hi,

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.

Bye,
Allan

Last edited by HalloweenFreak; 07-23-2002 at 02:03 AM..
HalloweenFreak is offline   Reply With Quote
Old 07-23-2002, 09:09 AM   PM User | #6
Mhtml
Senior Coder

 
Mhtml's Avatar
 
Join Date: Jun 2002
Location: Sydney, Australia
Posts: 3,531
Thanks: 0
Thanked 1 Time in 1 Post
Mhtml is an unknown quantity at this point
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.
__________________
Omnis mico antequam dominus Spookster!
Mhtml is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:06 AM.


Advertisement
Log in to turn off these ads.