Strange Strange Strange Strange Problem

[one_mind]

Hi,

I have a jgp image with rounded corners that i saved in photoshop.

When i place it in a html file with the <img> tag, the photo shows up nicely in the browser but the corners have gone square and the rounde corners have dissappeared.

Its so strange, if i paint the corners a different colour other than white sometimes it shows up with the new coloured rounded corners but sometimes it flashes really fast and the shows the square corners. At first i thought it was a cache problem so i deleted all the browser files but the problem still happens.

For some reason, it doesn't want to let me have rounded corners even though the image is saved with them.

Any help would be great.

Thanks :)

[one_mind]

Ok, I think i have found something,

Here is the code that show square corners:

<img id="bar" src="../images/borderBlkTop.gif">
<img src="../images/city.jpg">

What i did was cut the city image, which is the one i'm having problems with, then pasted it above the image above it like so:

<img src="../images/city.jpg">
<img id="bar" src="../images/borderBlkTop.gif">

That gives me rounded corners but now it is in the wrong spot. Is this some kind of bug or is there an error in my code?

Here is the css for the bar id:

img#bar
{
position:relative;
top:20px;
}

I can't figure it out.

[Candid India]

An option is to insert the four corners as separate images along with the city image you are using. That way you can have exact shape of the corners you want to have.

[monkeythumpa]

jpg does not support transparency. You either have to match the background color or use a gif.

[one_mind]

Thanks guy.

It wasn't transparent it had white corners which were placed on a white background and have finally figured out whats happening.

But its to embarassing to say :)

Cheers