January 26, 2006

The Orange Button, er, Link

Mark Nottingham updated his "RSS" buttons to say "feed." I agreed with his earlier argument that "XML" was the wrong label, and I also agree that styled text is better than a graphic. Fortunately, you can have both. On our current project, we've gone to styled HTML that includes the Firefox feed icon, like this:

The HTML looks like this:

<a class="subscribeLink" href="/index.xml">Subscribe</a>

The CSS looks like this:

a.subscribeLink 
{
    color: #f76900;
    font-weight: bold;
    padding-left: 18px;
    margin-right: 5px;
    background-image: url(/images/feed-icon16x16.png);
    background-repeat:no-repeat;
    background-position:left center; 
}
Posted January 26, 2006 8:50 AM
Comments
Post a comment









Remember personal info?