記事の複数投稿時に記事の間に区切り線をいれたい

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/02/18 10:24:12
  • 終了:2012/02/25 10:25:04

回答(2件)

id:mezala No.1

mezala回答回数104ベストアンサー獲得回数182012/02/18 10:49:44

はてなダイアリーの記事のことと推測します。
同じ日付のうちの個々の記事は,sectionというクラスの要素で囲まれています。
この要素の上あるいは下のボーダーを表示させるようにすればよいと思います。
CSSの設定で,以下の例のように指定します。

.section { border-top: solid 1px #000000 }

副作用としては,記事と記事の間だけでなく,各記事の上または下に必ず表示されるので,上位の要素と違和感がないようにする必要はあります。
記事と記事の間だけ表示する方法はわかりません。

id:weareforevertogether

ありがとうございました。とにかくやってみます

2012/02/18 11:29:04
id:windofjuly No.2

うぃんど回答回数2625ベストアンサー獲得回数11492012/02/18 11:13:54

HTMLタグを挿入

<hr style="margin:10%;border:1px gray dotted;" />

marginには余白のサイズを指定します
%による相対指定にしていますが、
20pxといった絶対指定もできます

borderには線の属性を指定します
・線の幅
  1pxにしてあります
・色
 gray以外の色は下記参照
 http://www.htmq.com/color/colorname.shtml
・線種
 solid(一本線)、double(二重線)、dashed(破線)、dotted(点線)など


以下、応用編

毎回長ったらしいタグを入れるのが面倒ならば、
ダイアリーの管理画面の「デザイン」で「かんたん」ではなく「詳細」を選び、
スタイルシートの欄に下記のように書き加えておきます

hr { margin:10%;border:1px gray dotted; }

スタイルシートに書き加えておけば、
以後は下記HTMLタグだけでいつでも同じスタイルの区切り線になります

<hr />
id:weareforevertogether

ありがとうございます。さっそくやってみます。

2012/02/18 11:29:14

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません