html/css image problem....

[eddioot]

Hi!

I have a strange problem with my html and css images.

An image i want to insert in my webpage only displays a red cross when i try it the normal way. When i set it as a background through CSS it displays fine.

My code for when it does not display:

HTML:

 <div id="rss">
        <img src="img/rss.jpg" width="56" height="56" alt="RSS">
</div>

CSS:

#rss{
	position:absolute;
	top:90;
	right:20;
}

It works fine with

HTML:

<div id="rss">
</div>

CSS

#rss{
	position:absolute;
	top:90;
	right:20;
	width:58;
	height:58;
	background-image:url(img/rss.gif);
}

I would prefer the first option but i can't make it work. I don't think it is relevant but my problem occurs now when i am designing a wordpress theme...

Any tips?

 

[d a v e]

in your html you have .jpg, in your css you have .gif so i'm guessing it's a gif

 

[eddioot]

Haha thas was an error indeed but that was not the problem.
I corrected it to .gif but the problem is still there..

 

[d a v e]

check you've uploaded the files, check the case of filenames, browse to the image on the server (e.g. www.yousite.com/images/imagename.gif" and see if it displays

post a url so we can see what's happening

 

[montjuic]

I don't think you've closed the img tag properly, try this:

<div id="rss">
<img src="img/rss.jpg" width="56" height="56" alt="RSS" />
</div>

hope it works.

 

[d a v e]

oops yeah, i missed that but i assumed you'd validated your code as a first step