こもろぐ @tenkoma

What We Find Changes Who We Become -- Peter Morville著『アンビエント・ファインダビリティ 』

広告:本ブログで紹介している書籍等商品の紹介でAmazonアソシエイトを利用していることがあります。

はてなのヘッダを編集

tenkomaのアンテナやブックマークへのリンクをp要素に記述してたのでul/li要素に書き直し
はてなダイアリーにdiaryとかあるけど無視

html

<ul class="looplink">
<li class="looplinkli">[<a href="http://a.hatena.ne.jp/tenkoma/">anntena</a>
<ul class="looplink">
<li class="looplinkli"><a href="http://a.hatena.ne.jp/tenkoma/simple">[s]</a></li>
<li class="looplinkli"><a href="http://a.hatena.ne.jp/tenkoma/detail">[d]</a></li>
</ul>]</li>
<li class="looplinkli">[<a href="http://b.hatena.ne.jp/tenkoma/">bookmark</a>]</li>
<li class="looplinkli">[<a href="http://d.hatena.ne.jp/tenkoma/">diary</a>]</li>
<li class="looplinkli">[<a href="http://www.tenkoma.net/">tenkoma.net</a>]</li>
</ul>

CSS

ul.looplink, li.looplinkli{
display:inline;
padding-right:0;
padding-left:0
}

課題

レンダリングされたとき直下の要素と近づきすぎる。
ul要素とli要素の役割忘れたのでCSS汚いよう。