Inserting an image to a webpage?

Question

I have a follow-up question to one that I already posted. My question was how to insert an image into a website without having the white background. The answer was to cut the white part out and insert a transparency and save it as a png.

I did that, and it worked, except now when I post the image to my website, the transparent "blocks" are just turned to black. Then the images post with black areas instead of the transparency. Any help? Thank you again!

Answer 1

(1) Make sure, in your photo editor, you have set the black as an "alpha" channel, to ensure it is transparent! This will let the background of your web page show through.
(2) In your html, use css to define the image as border: 0; margin: 0; padding: 0; and insert it into a wrapping div which in turn has an inner padding and an outer margin as required to give the image its required distance from surrounding page elements.