Repeating an image as background

Licker4U · 2007-03-26, 09:15 AM

I want to use a small image for a background and I know how to make it repeat but I want to have a space between the images across the page and then have the same spacing vertically for as long as the page is. How do I do that?

Jim · 2007-03-26, 09:31 AM

There must be an easier way...or not. But, why not put a border around the image and then use that as your background?

Licker4U · 2007-03-26, 09:39 AM

It's a small image, 120x60 and I want to have the page filled up with the images but not touching each other. Maybe 5 or 6 across the page with the same spacing between them vertically. I don't think a border will help with that.

Trev · 2007-03-26, 02:15 PM

I believe Jim was saying, just make the image a little larger with a border the color that you want the background.

If there is a way to put padding on a background image via css, I've never heard of it.

Licker4U · 2007-03-26, 04:27 PM

Oh! It just hit me! You mean like a white border that gives me the spacing I want! Duhhhhhh

Licker4U

Licker4U · 2007-03-27, 12:26 PM

Well, I'm stuck. If I'm using an image in <body background=whatever....how do I put a border around the image?

ponygirl · 2007-03-27, 12:36 PM

Quote:

Originally Posted by Licker4U

Well, I'm stuck. If I'm using an image in <body background=whatever....how do I put a border around the image?

Licker, if you have an image editing program, try adjusting the paper/canvas size of the image which will put an outline around the image. You should be able to make the background whatever color you want. Then save the new image as your background image.

Licker4U · 2007-03-27, 01:34 PM

Quote:

Originally Posted by ponygirl

Licker, if you have an image editing program, try adjusting the paper/canvas size of the image which will put an outline around the image. You should be able to make the background whatever color you want. Then save the new image as your background image.

I have IrfanView, I'll take a look and see if I can do something with that, thanks.

Trev · 2007-03-27, 03:23 PM

You can also make a new blank image the color you want the background and paste the old image into it. Either way should take less than a minute.

If you can't get it, just post a link to the image, the color you want the background/border, and how much blank space you want and I'll get it back to you. (I'll be here until 5-6pm then back later)

Surfn · 2007-04-03, 02:59 PM

Quote:

Originally Posted by Trev

You can also make a new blank image the color you want the background and paste the old image into it. Either way should take less than a minute.

That's what I would do...

Licker4U · 2007-04-03, 04:21 PM

I finally got it with IrfanView. It has an option "Canvas Size" that lets you put in the amount of space around an image. Thanks to all for the suggestions.

2007-03-26, 09:15 AM	#1
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	Repeating an image as background I want to use a small image for a background and I know how to make it repeat but I want to have a space between the images across the page and then have the same spacing vertically for as long as the page is. How do I do that?

2007-03-26, 02:15 PM	#4
Trev Is it over already? Join Date: Sep 2003 Location: the beautiful shores of Lake Erie Posts: 890	I believe Jim was saying, just make the image a little larger with a border the color that you want the background. If there is a way to put padding on a background image via css, I've never heard of it. __________________ Hey buddy... can you spare a sig?

2007-03-27, 03:23 PM	#9
Trev Is it over already? Join Date: Sep 2003 Location: the beautiful shores of Lake Erie Posts: 890	You can also make a new blank image the color you want the background and paste the old image into it. Either way should take less than a minute. If you can't get it, just post a link to the image, the color you want the background/border, and how much blank space you want and I'll get it back to you. (I'll be here until 5-6pm then back later) __________________ Hey buddy... can you spare a sig?

2007-03-26, 09:31 AM	#2
Jim Banned Join Date: Aug 2003 Location: Mohawk, New York Posts: 19,477	There must be an easier way...or not. But, why not put a border around the image and then use that as your background?

2007-03-26, 09:39 AM	#3
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	It's a small image, 120x60 and I want to have the page filled up with the images but not touching each other. Maybe 5 or 6 across the page with the same spacing between them vertically. I don't think a border will help with that.

2007-03-26, 04:27 PM	#5
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	Oh! It just hit me! You mean like a white border that gives me the spacing I want! Duhhhhhh Licker4U

2007-03-27, 12:26 PM	#6
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	Well, I'm stuck. If I'm using an image in <body background=whatever....how do I put a border around the image?

2007-04-03, 04:21 PM	#11
Licker4U Mean people suck, nice people swallow, are you mean or nice? Join Date: Sep 2003 Location: Lower Alabama-The Redneck Riviera Posts: 2,377	I finally got it with IrfanView. It has an option "Canvas Size" that lets you put in the amount of space around an image. Thanks to all for the suggestions.