English Русский

Examples of HTML code for feed icons

1. Compact and easy

<style type="text/css">
#rss {
padding:10px 0 10px 40px;
background-image:url('rss.png');
background-position:left center;
background-repeat:no-repeat;
}
</style>

<p><a id="rss" href="#">Get RSS</a></p>

How it looks in brouser:

Get RSS


2. With <img /> tag

<style type="text/css">
#rss img {
position:relative;
top:10px;
margin-right:10px;
}
</style>

<p><a id="rss" href="#"><img src="rss.png" alt="RSS" width="30" height="30" />Get RSS</a></p>

How it looks in brouser:

RSSGet RSS

About validity and PNG

This example is valid XHTML-document.

To fix PNG transparency in early version of Internet Explorer use this trick.