Alright, so we’ve all seen the tutorial entitled HOW TO MAKE HOVER LINK IMAGES FOR YOUR SUBETA PROFILE. It’s an awesome and extremely in-depth tutorial, and don’t get me wrong, the method absolutely works.

However. I prefer to do hover links a slightly different way. Here are my issues with the above tutorial:

1. Having a div inside a link is technically invalid code. It works, but not on all browsers. This also goes for giving a div a :hover state; some browsers only allow :hover to be on links.
2. The tutorial mentions having two images for each link – one for the regular state, and one for the hover state. That’s fine, but if you merge both states onto one image, it removes the lag that occurs when you hover, making a smooth hover! Yay.

Continue reading “A better way to do hover links” »