のブログスタイルシート…コメントフォーム編

うーんと。。。たぶんこれでラストになると思うんですけども…。
今回は、コメント／トラックバックを表示する部分に手を入れてみます。

html の構造をかいつまんで簡単に書くと、

　＜div class="wback"＞
　　＜div class="wback1_tr"＞
　　　　＜b＞記事タイトル＜/b＞
　　　　　　Posted by ブログ名 at 2004/10/20 23:48＜br＞
　　　　　　＜div style="margin-left:30px"＞
　　　　　　　トラックバック記事本文＜br＞
　　　　　　＜/div＞
　　＜/div＞

　　＜div class="wback1"＞
　＜b＞コメントタイトル＜/b＞
　　　　　Posted by 投稿者 at 2004/10/20 23:50＜br＞
　　　　　＜div style="margin-left:30px"＞
　　　　　　コメント本文＜br＞
　　　　　＜/div＞
　　＜/div＞
　＜/div＞

こんなんなので、該当する class に宣言を追加するなりします。
めぐ味屋はこんなんにしてみました。

　．wback ｛
　　　margin:5px 33% 0px 1%;
　　　…略…
　｝

　．wback1_tr ｛
　　　margin:5px 1% 0px 1%;
　　　padding:5px;
　　　border-width:1px 2px 2px 1px;
　　　border-style:solid;
　　　border-color:gray;
　　　…略…
　｝

「wback1」も「wback1_tr」とおんなじ感じです。また、コメントフォームは

　．wback2
　．wback2 table,tr,td
　．wback2 form,input,textarea

を定義してみました。