CSS Background Image Map
Posted on January 25th, 2010
This is a neat little trick that will allow you to create multiple clickable areas over any background image using CSS. This is easier, to me, than making image maps in HTML used to be.
First add a background image to an element on your page in CSS like this:
The background of this box is an image. (more…)
Removing The Dotted Outline
Posted on January 25th, 2010
Anchor links (<a>’s) by default have a dotted outline around them when the become “active” or “focused”. In Firefox 3, the color is determined by the color of the text. I believe in previous versions and in some other browsers it is by default gray. This is default styling for the purpose of accessibility. For folks without the ability to use a mouse, they still need some visual indicator that they currently have a link active (so, for example, they can press enter to navigate to that link). (more…)