そういやid:adlib氏の質問ってどんなだっけ
Q2.に対する回答は2番のid:whirl氏が出した同一要素を繰り返して置いたときにその要素が次第に左へ寄っていく(IE5.5)を見ると分かる。ついでに言うと、[Quiet_Black]の作者のs_sawada氏はHatena :: NIKKORE@?Dとはてなダイアリーにアカウント持ってたり。Bookmarkletは便利。
本題に戻る。[Quiet_Black]はborder-left,margin,paddingを全部指定しているのでこのIE特有の問題が起きる。回避する方法を考える。
はてなが用意している[Quiet_Black]のcssは弄りようが無い。仕方が無いので[Quiet_Black]のcssをダウンロードする。
blockquote{ background-image: url("quiet_black.png"); background-repeat:no-repeat; border-width : 0 0 0 3px; border-style : solid; border-color : red; margin: 1em 2em; padding: 24px 12px 12px 12px; }
のうちmarginかpaddingを削除して、設定→cssに書き込めばIEでの問題は起きなくなる。勿論、marginやpaddingの数値が変わるのであるがそこはそれ。
次、Q3.に対する回答。
自分の日記を見ていると出てくるh2中の「編集」という文字を弄りゃいいのよね。
<h2> <a href="./20030725"><span class="date">2003/07/25 Fri</span></a> <span class="title">レポート一つ</span> <a href="./edit?date=20030725">編集</a> </h2>
ソースはこんな感じ。せやから回答通りh2 aを弄れば良いが、それだと日記の日付にも影響を及ぼす。だって同じh2 aだもの。
h2 a {font-size:xx-small;} h2 span.date {font-size:large;}
とやって、span.date要素と別々に弄れることを書いた方が良いと思う。
classが振ってあれば1901/02/03 span.sacnchorの弄り方と同様にして、編集という文字を消して画像に変えることも可能ではある。今回の場合において可能かどうかは分からない。