webページの上余白をなくす方法

解決済

質問者：take4410
質問日時：2009/05/09 16:20
回答数：5件

お世話になります。
webページ作成について困っております。

htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。
この余白を消して、ページの一番上から画像を表示させる方法を教えてください。
１．<body topmargin="0" marginheight="0">
この方法と、
２．スタイルシートで
<style type="text/css">

</style>
この２つを試してみましたが、わずかに上部に余白がのこってしまいました。
よろしくご回答お願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： Randomize#1
回答日時：2009/05/10 01:20

サンプルの提示ありがとうございます。

拝見させていただいたところ、BODYタグの余白は消去できていますが、TABLEタグのボーダー関連の余白が消せていないですね。
No.3さんの回答のようにTABLEタグの属性に
<TABLE border="0" cellspacing="0" cellpadding="0">
と3個の属性をつけてあげてください。
前から順番に、表の外郭の線の幅を0にする、表の内側の線の幅を0にする、セルの内余白を0にすると言う意味です。
サンプルを見させていただいたところ、ビルダーで編集しているようですね。表の属性を開きまして、表のタブより、罫線の幅を0に指定(空白はNGです)、セル内の余白も0に指定、更にその下の枠表示のチェックをONにしたうえで(OFFだと右側のテキストボックスの値が無視されます)枠表示の右側のテキストボックスに0を指定してあげると同じことができます。
おそらくそれでいけると思います。私の環境ではできましたのであわせて報告いたします。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございました！
ご回答のとおりやってみたところ、余白がなくなり、ぴったり希望通りできました。
わかりやすいご説明、かつご丁寧にありがとうございました！

通報する

お礼日時：2009/05/10 14:31

No.4

回答者： amuamu00
回答日時：2009/05/10 00:50

CSSの中に、下記表記を追加するといかがですか？

*{margin:0px;
padding:0px;
}

- 0
- 件

通報する

この回答へのお礼

ご回答のとおりやってみましたができなかったんですよ…
どうもありがとうございました。

通報する

お礼日時：2009/05/10 14:34

No.3

回答者： DOUGLAS_
回答日時：2009/05/09 23:08

＞No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。

　私のパソコンで
<CENTER>
<TABLE>
を
<CENTER>
<table border="0" cellpadding="0" cellspacing="0">
にしてから見ると、ちゃんと画像が上辺に張り付いて見えますけど。。。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
ご回答の通りやってみたら思い通りに直すことができました。
どうもありがとうございました。

通報する

お礼日時：2009/05/10 14:33

No.2

回答者： Randomize#1
回答日時：2009/05/09 20:30

スタイルシートの記述をしているのでしたら、Paddingを0pxにしてあげるとできますよ。

padding:0px;
と言うようにMarginと同じ使い方でいけます。Marginが領域の外余白に対してPaddingが領域の内余白になるのです。
ぱっと見つけられた分かりやすそうな図解のアドレスを貼り付けておきますね。

参考URL：http://hac-design.com/css/margin.html

この回答への補足

早速のご回答ありがとうございます。
ご回答のとおり試してみたのですが、変化がありませんでした。
下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。
http://highland.hakuba.ne.jp/~takezo/test.html
お手数をおかけしますがよろしくお願いいたします。

補足日時：2009/05/09 21:48

通報する

- 0
- 件

通報する

No.1

回答者： DOUGLAS_
回答日時：2009/05/09 17:51

<body topmargin="0">

<table border="0" cellpadding="0" cellspacing="0" ～～～
みたいな感じでイケそうですが。。。

この回答への補足

早速のご回答ありがとうございます。
No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。
下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。
http://highland.hakuba.ne.jp/~takezo/test.html
現在は、回答番号No.2の方のやり方でアップしてありますが…
お手数をおかけしますがよろしくお願いいたします。

補足日時：2009/05/09 21:49

通報する