This should be so simple yet I can't figure it out.
I have the following html img tag in my skin file:
It won't show the image when I view the page that uses the skin. I see the "x", or broken image symbol on the page. However, if I add a div tag and set the background using the exact same path to the image, it works fine. Here's the div:
And here's the CSS for it:
background: url(images/search2.gif) no-repeat;
Both the skin file and css file are in the root of the skin folder and underneath is an "images" folder with all my images. The path to the image should be the same regardless of whether I'm using CSS or an img tag yet the hmg tag won't display the image. I even tried to navigate to the image using the path selector in Visual Studio with no luck and also tried an image in another skin folder. Nothing.
Can someone please explain to me why one method works yet the other doesn't?