きまぐれAWA's Life

アクセスカウンタ

zoom RSS CSS(スタイル編)第10回 コメントを区切る罫線のデザイン♪ (要考察)

<<   作成日時 : 2008/02/17 11:37   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

以前、罫線のデザインについて書いた時に保留にしていたコメント部分の罫線。
少々問題点が残るものの、一応クリアできているみたいなので書いてみます。




 コメントを区切る罫線のデザインを変えてみる♪  


入力は解り易いように『トラックバック、コメント領域』へ。
新規で次の文字列を追加しました。

/*追加 コメントの罫線*/
#blog #comment table .cont {
border-bottom:1px #FFCCFF solid;
}
#blog #comment table .sub {
border-bottom:1px #FFCCFF solid;
}


#blog #comment table .cont 』 : コメントの文章の部分の罫線
#blog #comment table .sub 』 : ニックネーム・投稿日時の部分の罫線
このようにふたつのエリアに分かれています。
この文字列を入力した所…、




…と、このようにデザインの変更が出来ました(ん)





ただ問題点と言うのが上記の文字列では…、




下線だけのつもりが上下の線になってます(あれ)
うちのブログではトラックバック、コメントの『一覧ヘッダセル』のデザイン指定で
画像と枠線をコメントの罫線と同色にしているため問題は無いのですが…。
おそらく上記の文字列では間違っているみたいですね。



まだ問題点は残ってますが、とりあえずクリアーという事で…(きまずい)
一応、この件についてはもう少し考えます。


それでは、今回はこのくらいで(はず)


|ω・)ノシ See you♪

|彡 サッ




■ ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 ■


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
URL(任意)
本 文
  現在の閲覧者数:

* ぱにゃステ *

『ぱにゃステ』 customized by mairis
 
 
ふぉろーみー

CSS(スタイル編)第10回 コメントを区切る罫線のデザイン♪ (要考察) きまぐれAWA's Life/BIGLOBEウェブリブログ
文字サイズ:       閉じる