Rollover Navigation for fun and profit.

Gone are the days when a nicely-styled text link was sufficient for main navigation. Heck, designs are even sporting graphical sub navigation these days. While this is a pain in the proverbial backside for easy updating, it’s what life has given us. And when life gives us graphics and demands SEO compatibility and semantically correct HTML, we make lemonade. And then we charge $125/cup.

So, how do we tackle this without all of that pesky JavaScript which is likely to break on any given browser (I’m glaring at you, IE6. And IE7. And IE8. And Firefox. And particularly Safari.) More to the point, how do we do this in a way that’s not just images and can actually be picked up by search engines? We say Screw the JavaScript! (I say that a lot.) The W3C has given us all the tools we need with HTML and CSS! We just need to find new and interesting ways to abuse them. Continue reading “Rollover Navigation for fun and profit.”

Flash & IE6

Apparently, IE6 throws a royal conniption fit when you attempt to have Flash do anything that involves pointing to an anchor tag on the page.

I tried a number of different methods, from a simple getURL to putting all of my functionality directly into JavaScript, but every time, it blew up.  More explicitly, it blew up after the second time it was accessed (so, click one functioned fine, click two functioned fine, click three went haywire).

For the issue I was working on, the workaround was to tell the browser to scroll to a certain point on the page instead of jump to an anchor, but I can imagine that’s not going to be a lasting solution, and certainly not dynamic.

-pb

Javascript and Firefox

Remember, folks, if you’re looking to affect an element’s height or width with JavaScript, you have to add “px” to the end if you want it to work in Firefox.