お世話になります。
webページ作成について困っております。
htmlで、ページ内の表中に画像を配置しています。表中の画像がそのページの一番上にくっついた状態(上部マージンなし)にしたくて、下記のようなタグをつけてみたのですが、わずかにまだ上に余白が残ってしまいます。
この余白を消して、ページの一番上から画像を表示させる方法を教えてください。
1.<body topmargin="0" marginheight="0">
この方法と、
2.スタイルシートで
<style type="text/css">
<!--
body { margin: 0px; }
-->
</style>
この2つを試してみましたが、わずかに上部に余白がのこってしまいました。
よろしくご回答お願いいたします。
No.5ベストアンサー
- 回答日時:
サンプルの提示ありがとうございます。
拝見させていただいたところ、BODYタグの余白は消去できていますが、TABLEタグのボーダー関連の余白が消せていないですね。
No.3さんの回答のようにTABLEタグの属性に
<TABLE border="0" cellspacing="0" cellpadding="0">
と3個の属性をつけてあげてください。
前から順番に、表の外郭の線の幅を0にする、表の内側の線の幅を0にする、セルの内余白を0にすると言う意味です。
サンプルを見させていただいたところ、ビルダーで編集しているようですね。表の属性を開きまして、表のタブより、罫線の幅を0に指定(空白はNGです)、セル内の余白も0に指定、更にその下の枠表示のチェックをONにしたうえで(OFFだと右側のテキストボックスの値が無視されます)枠表示の右側のテキストボックスに0を指定してあげると同じことができます。
おそらくそれでいけると思います。私の環境ではできましたのであわせて報告いたします。
ご回答ありがとうございました!
ご回答のとおりやってみたところ、余白がなくなり、ぴったり希望通りできました。
わかりやすいご説明、かつご丁寧にありがとうございました!
No.3
- 回答日時:
>No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。
私のパソコンで
<CENTER>
<TABLE>
を
<CENTER>
<table border="0" cellpadding="0" cellspacing="0">
にしてから見ると、ちゃんと画像が上辺に張り付いて見えますけど。。。
No.2
- 回答日時:
スタイルシートの記述をしているのでしたら、Paddingを0pxにしてあげるとできますよ。
padding:0px;
と言うようにMarginと同じ使い方でいけます。Marginが領域の外余白に対してPaddingが領域の内余白になるのです。
ぱっと見つけられた分かりやすそうな図解のアドレスを貼り付けておきますね。
参考URL:http://hac-design.com/css/margin.html
この回答への補足
早速のご回答ありがとうございます。
ご回答のとおり試してみたのですが、変化がありませんでした。
下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。
http://highland.hakuba.ne.jp/~takezo/test.html
お手数をおかけしますがよろしくお願いいたします。
No.1
- 回答日時:
<body topmargin="0">
<table border="0" cellpadding="0" cellspacing="0" ~~~
みたいな感じでイケそうですが。。。
この回答への補足
早速のご回答ありがとうございます。
No.1,No.2のご回答のとおり試してみたのですが、変化がありませんでした。
下記に試しにアップしてみましたが、どこかまずい箇所がありますでしょうか。
http://highland.hakuba.ne.jp/~takezo/test.html
現在は、回答番号No.2の方のやり方でアップしてありますが…
お手数をおかけしますがよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- PHP PHP MySql ページング 2 2022/09/20 06:38
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(ブラウザ) bingチャットの内容(縦長)をスクリーンショットで保存する方法 3 2023/02/28 02:13
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
PDF 余白を無くして用紙いっぱ...
-
Wordで40字×40行にしたいのです...
-
【至急!】ワードで文字が偏っ...
-
wordの表いっぱいに文字を入れる
-
Wordで変更履歴/コメントを印刷...
-
ワードの警告メッセージの「印...
-
カシオ ネームランド 前後の余白
-
ワードからPDFに変換して保存す...
-
アクセスのフォームで、文字を...
-
高校2年論理国語の教科書で習う...
-
jpg画像の左側と上側に余白を入...
-
PDFを1ページに結合すると余白...
-
Excel2013 右側の謎の余白について
-
PhotoshopでA4サイズにトリミン...
-
Excelの左端(A列)をあけてお...
-
wordの2段組の中央の余白の設定...
-
エクセルで印刷する時右に少し...
-
メール送信するとワード文書が...
-
グーグルの地図をA3版いっぱい...
-
wordの文章を印刷したのですが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
PDF 余白を無くして用紙いっぱ...
-
Wordで40字×40行にしたいのです...
-
wordの表いっぱいに文字を入れる
-
【至急!】ワードで文字が偏っ...
-
カシオ ネームランド 前後の余白
-
ワードの警告メッセージの「印...
-
ワードからPDFに変換して保存す...
-
WORDやEXCELで作ったファイルを...
-
アクセスのフォームで、文字を...
-
wordの2段組の中央の余白の設定...
-
Excelの左端(A列)をあけてお...
-
ヘッダーフッターの非表示
-
PDFを1ページに結合すると余白...
-
wordの文章を印刷したのですが...
-
jpg画像の左側と上側に余白を入...
-
PhotoshopでA4サイズにトリミン...
-
Wordで変更履歴/コメントを印刷...
-
【Outlook】メール本文表示の際...
-
ヘッターフッターが隠れてしまう
-
Excel2013 右側の謎の余白について
おすすめ情報