Hi.
My client’s website has one directory called “images” and it was getting a bit unwieldy, so I decided to split things up into an “images” and “icons” directory.
Pretty simple, right?
Well, after doing a Find & Replace, and after moving all “icons” to their new home, when I go to the website the images are okay, but the icons are broken.
All I did was to make switches like this…
Before:
<div>
<span>
<img src='/images/online_indicator_25x11.png' alt='online' title='' />
</span>
</div>
After:
<div>
<span>
<img src='/icons/online_indicator_25x11.png' alt='online' title='' />
</span>
</div>
Thinking this was a caching issue, I quit out of FireFox, went back in, and when I reload the webpage, all I see is the Alt (“online”) instead of the .png file.
What did I do wrong???