Programing for overlapping images

[leftys-bbq]

I all,

I'm new to the forum and really just starting to take a stab at redoing my website. I have a programming background, but have not done any webdev work since the early days of writing html code directly.

Is there an inexpensive program that allows me to overlay one image onto another?

I have a photo of my pub and I'd like to overlay the logo onto the pub.

Also, the logo has a white background. I'll need to make that background transparent.

I've been trying to get GIMP to do this but haven't had any luck. I can't seem to figure out how to pull the log into a layer of the pub image.

This is just the current example of what I need. I suspect the program that does that will suit most of my other needs too.

Thanks.

Paul

[Centauri]

since the early days of writing html code directly.

That is still the best method, although there are a number of programs around that do assist in making that task a little easier - I use Dreamweaver, but there are a number of open-source or low cost programs that others here use.

To answer your question, the photo of the pub could be a page background, and the logo can be a <h1> heading text rendered as a background image in the h1's css style. The <h1> can then be positioned wherever needed by the use of margins.

I don't use Gimp, but you will be wanting to select the backgrouind colour and set it as transparent whilst saving to a gif (or png) format - if the current background is similar in colour to the area of the pub photo it will be positioned over, you will get the least amount of aliasing border around the logo.

Cheers
Graeme

[roondog]

If you send me the images i could see what i can do. Then send it back with instructions of how it was done.