Creating bulletproof graphic link buttons with CSS

Creating bulletproof graphic link buttons with CSS

Great article of 456bereastreet.com how to create a button. He uses a lot of code, but the result is perfect!

A successfull bulletproof image-based button should:
- Automatically grow horizontally to fit any amount of text
- Grow horizontally and vertically if text size is increased or if the text wraps to multiple lines
- Retain its appearance within reasonable limits
- Be able to have rounded (or other non-square) corners
- Have no unclickable areas
- Be readable when images are disabled

http://www.456bereastreet.com/

No Comments yet »

RSS feed for comments on this post. TrackBack URI

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.