December 12, 2007
Making a div clickable is a great way to cut out the traditional â€œhomeâ€ button. All you need is a div and a tiny bit of code in order to allow your viewers a quick and simple way back home.
I saw a very interesting article the other day discussing the use of a clickable logo/header vs a traditional â€œhomeâ€ button. It seems in general designers would rather just drop the â€œhomeâ€ button and only use the logo as a link, but in my experience every client has insisted on having it listed somewhere in the navigation. My personal solution for this is simple; do both. If your logo is a background image enclosed in a div then this is the easiest fastest way to make it a link.
So now the code! All you need to do is copy this and change the id and URL to meet your needs. It has Ben Blogged!