how to use png images?

[sbarru]

I want to use little "powered by" type png or jpg images on my about page.

I set up a jpg for VFXY, but it has a white border which I cannot figure out (http://stevebarru.com/photoblog/index.php?x=about). I put the jpg in my root directory; the markup in the about_template looks like this:

<li><a href='http://http://photos.vfxy.com/index.php'><img src='../vfxy_photos_r.jpg' alt='VFXY' title='VFXY' border='0' vspace='0' /></a>&nbsp;</li>

This I copied from another pixelpost blogger who has this working properly.

When I tried to insert a powered by pixelpost png file, I just got a white block with the alt text inside of it.

What am I doing wrong? Or am I doing anything right...?

[ranko]

...but it has a white border which I cannot figure out

this sounds like something to do with your css... i would check it out to see if it's a problem with "background" or "padding" or something like that, with regards to how it displays your links.

...I just got a white block with the alt text inside of it

this one sounds like the image file isn't where it's supposed to be--check to make sure that you uploaded it to the proper folder and that it's named correctly.

(incidentally, your link to vfxy points to "http://http//photos.vfxy.com/index.php")

good luck!

[jdleung]

just edit your CSS file, you must have an image tag something like this
img {
border:5px;
}

so you can see on your site that all the images have a white border. if you don't want show the border on that image. try the following
1)
insert in CSS file:
#icon_image{ border:0px ;}

modify in about_template.html
<img src='../vfxy_photos_r.jpg' alt='VFXY' title='VFXY' vspace='0' id='icon_image' />

2)
inser in CSS file:
#icon_image img { border:0px ;}

modify in about_template.html
<div id='icon_image'><img src='../vfxy_photos_r.jpg' alt='VFXY' title='VFXY' vspace='0' /></div>

[sbarru]

thanks again - it took a few minutes to figure out which line in the css file to edit, but that was it. Also thanks for catching the bad link - that I would have missed indefinitely...!