はてなリングの画像対策。

ぼくはこうやった。
ちなみにデザインはhttp://d.hatena.ne.jp/theme/navy/navy.cssで、類似スタイルにはこのまま使えると思う。

• HTML（サイドバー）

<div class="my-pet">
<div class="my-ring-top">
<hatena name="ring" rid="syareyama" sid="(固有のid)" template="hatena-module" moduletitle="リング">
</div>
<div class="my-ring-mid">
<hatena name="ring" rid="book" sid="(固有のid)" template="hatena-module">
<hatena name="ring" rid="dotnet" sid="(固有のid)" template="hatena-module">
</div>
<div class="my-ring-foot">
<hatena name="ring" rid="dtm" sid="(固有のid)" template="hatena-module">
</div>
</div>

• CSS

.my-pet{
text-align:center;
}

.hatena-module{
margin:15px 0 0 0;
}

.my-ring-top .hatena-modulebody{
border-bottom:none;
}
.my-ring-mid .hatena-module{
margin:0 0 0 0;
}
.my-ring-mid .hatena-modulebody{
border-bottom:none;
}
.my-ring-foot .hatena-module{
margin:0 0 0 0;
}

画像の大きさには対策しませんでした。どうやるかわかんないし。