ラインについて

[新着] Webテンプレートを仮オープンしました



0   名前: ポン太 : 2004/05/26 23:24
この掲示板の上部のタイトルの部分のように、
フレームを使わず、横線が左から右まですきまなく引かれるようにするにはどうすればいいのでしょうか?
ちなみにわたしは下の方をこのようにしたいのですが。

1   名前: phpinfo() : 2004/05/27 16:22   [URL
<HR>だと思います

2   名前: ポン太 : 2004/05/27 18:05
<hr>を使うとなぜか左に隙間があいてしまうんですけど。

3   名前: phpinfo() : 2004/05/27 22:37   [URL
ソースを見る限りHRタグですね(汗

4   名前: ポン太 : 2004/05/28 07:46
<hr>タグを使って左右に隙間がなく表示させる方法があれば教えてくれませんか?

5   名前: ばあど : 2004/05/28 16:02   [URL
これ併用するとどう?
<style type="text/css"><!--
body, html, hr { margin: 0; padding: 0 }
--></style>

6   名前: ポン太 : 2004/05/28 22:53
これを使うとページ全体のラインが全てそうなってしまいます。
ラインを個別には指定できないのでしょうか?

7   名前: : 2004/05/28 23:14
一つだけなら<hr>に直接書けばいいかと。
http://www.tagindex.com/stylesheet/basic/pattern3.html


複数ならこっちが楽そう。
http://www.tagindex.com/stylesheet/basic/format2.html

ちなみに、このページはCSSを使っているのではなくて、ブラウザの枠を設定する(余白0)ことで端まで線を出してるっぽいです。
(こっそりCSSファイル覗いてみちゃいました)

8   名前: ポン太 : 2004/05/30 21:23
<BODY STYLE="margin: 0px;">
これを使うと全体に余白0がかかり、すべて端に寄るんですが、
<HR STYLE="margin: 0px;">
これを使ってライン個別に指定するとなぜかできません。


9   名前: ポン太 : 2004/05/30 21:49
追加です。
<HR STYLE="margin-left: 15px;">
だと、15pxの余白があきましたが、余白0にはできないです^^;

10   名前: : 2004/05/30 22:04
HRの余白0は、ボディの余白の位置から0みたいです。数値をマイナス(-20pxとか)にしてみたら、端まで行きましたよ

一覧へ戻る