- ベストアンサー
webページの上余白をなくす方法
お世話になります。 webページ作成について困っております。 htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。 この余白を消して、ページの一番上から画像を表示させる方法を教えてください。 １．<body topmargin="0" marginheight="0"> この方法と、 ２．スタイルシートで <style type="text/css"> <!-- body { margin: 0px; } --> </style> この２つを試してみましたが、わずかに上部に余白がのこってしまいました。 よろしくご回答お願いいたします。
- take4410
- お礼率50% (4/8)
- ホームページ作成ソフト
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
サンプルの提示ありがとうございます。 拝見させていただいたところ、BODYタグの余白は消去できていますが、TABLEタグのボーダー関連の余白が消せていないですね。 No.3さんの回答のようにTABLEタグの属性に <TABLE border="0" cellspacing="0" cellpadding="0"> と3個の属性をつけてあげてください。 前から順番に、表の外郭の線の幅を0にする、表の内側の線の幅を0にする、セルの内余白を0にすると言う意味です。 サンプルを見させていただいたところ、ビルダーで編集しているようですね。表の属性を開きまして、表のタブより、罫線の幅を0に指定(空白はNGです)、セル内の余白も0に指定、更にその下の枠表示のチェックをONにしたうえで(OFFだと右側のテキストボックスの値が無視されます)枠表示の右側のテキストボックスに0を指定してあげると同じことができます。 おそらくそれでいけると思います。私の環境ではできましたのであわせて報告いたします。
その他の回答 (4)
- amuamu00
- ベストアンサー率62% (36/58)
CSSの中に、下記表記を追加するといかがですか？ *{margin:0px; padding:0px; }
お礼
ご回答のとおりやってみましたができなかったんですよ… どうもありがとうございました。
- DOUGLAS_
- ベストアンサー率74% (397/534)
＞No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。 私のパソコンで <CENTER> <TABLE> を <CENTER> <table border="0" cellpadding="0" cellspacing="0"> にしてから見ると、ちゃんと画像が上辺に張り付いて見えますけど。。。
お礼
ご回答ありがとうございます。 ご回答の通りやってみたら思い通りに直すことができました。 どうもありがとうございました。
- Randomize
- ベストアンサー率70% (38/54)
スタイルシートの記述をしているのでしたら、Paddingを0pxにしてあげるとできますよ。 padding:0px; と言うようにMarginと同じ使い方でいけます。Marginが領域の外余白に対してPaddingが領域の内余白になるのです。 ぱっと見つけられた分かりやすそうな図解のアドレスを貼り付けておきますね。
補足
早速のご回答ありがとうございます。 ご回答のとおり試してみたのですが、変化がありませんでした。 下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。 http://highland.hakuba.ne.jp/~takezo/test.html お手数をおかけしますがよろしくお願いいたします。
- DOUGLAS_
- ベストアンサー率74% (397/534)
<body topmargin="0"> <table border="0" cellpadding="0" cellspacing="0" ～～～ みたいな感じでイケそうですが。。。
補足
早速のご回答ありがとうございます。 No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。 下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。 http://highland.hakuba.ne.jp/~takezo/test.html 現在は、回答番号No.2の方のやり方でアップしてありますが… お手数をおかけしますがよろしくお願いいたします。
お礼
ご回答ありがとうございました！ ご回答のとおりやってみたところ、余白がなくなり、ぴったり希望通りできました。 わかりやすいご説明、かつご丁寧にありがとうございました！