Sometimes, things break.
The one thing that I can always count on breaking when I do a redesign of my diabetes/cycling blog ridetoremedy.com is my google map that shows all the Tour de Cures that I’ve ridden in.
I redesigned my blog sometime this summer, June I think it was, and my map hasn’t worked since. Well, it worked, kindof, the map showed up and white squares showed up where the markers should’ve been. I couldn’t figure out what the heck had happened because I transfered all the code from the first layout to the next.
It pissed me off that it wasn’t working, but I couldn’t figure out what the problem was. The code worked outside of the layout but not in it. I stripped everything down and still couldn’t figure out why it wasn’t working.
Today, I thought, well maybe it’s another piece of javascript that’s interfering. And so I started taking all that out. The map worked when I removed one piece. So, I made it so that that particular piece of code wouldn’t show up on my map page. Do you think it worked, no, it didn’t.
I couldn’t figure out why, and then upon closer inspection, I discovered that when I had chopped out that piece of javascript, I also took my stylesheet with it. The problem with my map, for all these months, was a little piece of code in my stylesheet. The code in my stylesheet for my images, the code that put nice little borders on my images, it was causing the markers to appear as white boxes.
In the future, when I do site upgrades, and my map breaks, I’m gonna have to remember that the problem could be in my stylesheet.