• ベストアンサー

妙な余白が・・・。

PC初心者ですが、HP作りに挑戦し、ようやく公開に踏みきりました。 ですが、ちょっと気になっていることがあります。 TOPページで、サイト説明のような文章を載せ、 その下にテーブルで、メニュー(?)を載せているのですが、 文章とテーブルの間に妙な余白があるんです。 これはなんとか無くせないものでしょうか? HP作成ソフトは使っていません。 わかりにくい質問かもしれませんが、どなたか教えてください。

  • HTML
  • 回答数4
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • shiba1
  • ベストアンサー率41% (10/24)
回答No.2

どうも、初めまして。。 「妙な余白」というぐらいですから、<br>や、<P></P>など、の分では 無いのでは?? <table>を使ったときは、きちんと<table><tr><td><th>が 閉じていないと、変な風に表示されることがあります。 もう一度、きちんと閉じタグが付いているか?<td>の数がおかしくないか、 確認してみたらどうですか? 記入例: <table> <tr> <td>おはよう</td> <td>こんにちは</td> <td>こんばんは</td> </tr> </table>

wa-run
質問者

補足

ご回答ありがとうございます。 アドバイスに従い、確認して見たのですが、私ではどこがおかしいのか分かりません。 大変申し訳ありませんが、下記の私のサイトへいらして頂けないでしょうか。 ソースを見て頂きたいて、おかしなところがあれば教えていただきたいのですが・・・。 出来ればでいいです。 原因が分からず困っています。 気になってまだ知り合い等にもHP公開は知らせられないでいます。 どうかよろしくお願いします。 URL=http://users.goo.ne.jp/wa-run/

その他の回答 (3)

  • next-co
  • ベストアンサー率28% (43/149)
回答No.4

<TABLE>タグにcellspacing="0"を追加して見ては? IEの場合、この指定がないとセルとセルの間か空きます。

wa-run
質問者

お礼

もう一度よくみてみたらタグの順番などが間違っていることに気が付きました。 もっと勉強が必要な事がわかりました。 ご回答くださった皆様、本当にありがとうございました。 お騒がせしました。

  • tyom77
  • ベストアンサー率57% (68/119)
回答No.3

no.1で回答した者です。 今、補足で書いていただいたソースで試してみましたが、妙な余白はでてきませんでした。 あと考えられるのが、No.2の方が回答されている内容です。それかいっそのこと <br>タグを削除すると解決するかもしれません。

wa-run
質問者

補足

ご回答ありがとうございます。 <br>を削除してみたのですが、変わりませんでした。 私も他のページでは上手くいっていたので、 何が原因か分からず困ってます。 もしよろしければ下に書きました私のサイトをご覧になっていただければと思います。 よろしくお願いします。 何度も申し訳ありません。

  • tyom77
  • ベストアンサー率57% (68/119)
回答No.1

HP作成ソフトは使われてないということは、HTMLで編集されているのでしょうか? もしそうであれば、<TABLE>タグの前に、<p> </p>、もしくは<br>が複数あるのではと思ったのですが、いかがでしょうか? <p> </p>、もしくは<br>を削除すればいいと思います。 それでも解決しないときは、文章とテーブルの間のソースを書いていただけると、 アドバイスできるかもしれません。

wa-run
質問者

補足

早速回答頂きありがとうございます。 本を見ながらHTMLで編集しました。 文章</font> <br> <table border="2" bordercolor="#999999" cellpadding="6" align="left"> という感じなんですが・・・。 私のサイトのURLを書いたほうがよろしいですか (恥ずかしいので出来れば書かずに済む方がありがたいですが) よろしくお願いします。

関連するQ&A

  • HPの両端に余白を入れたいのですが。。。

    HPを作成しています。 まだまだ初心者で分からないことがたくさんあるのですが、 ページの両端に余白を入れる方法がいくら調べてもわかりません。 言葉ではうまく説明できないのですが、 例えると『Yahoo!』のHPのように左右に余白があって 中央に内容を表示するということです。 よろしくお願いいたしますm(__)m

  • ページ下の余白をなくせない・・・

    GoLive csというソフトでホームページを作りはじめました。 下のようなホームページ↓ http://www.uchida-hp.com/ のように、上と下の余白を無くしたページを作りたいのですがどうしても下の部分の余白だけ無くすことができません。背景の色が表示されてしまいます。 ソフトのページのプロパティ設定で左右・高さのマージン設定を「0」にしていますがダメです。上の余白は無くなります。 レイアウトするテーブルやグリッドの設定を何か行なうのでしょうか? どなたか教えて下さい。 お願いします。

    • 締切済み
    • CSS
  • テーブルメニューの作り方

    HP作成は初心者です。 以下のサイトのトップページにあるような3×3の テーブルメニューをつくるためのCSSとhtmlのタグの 記述方法を教えて下さい。 ↓ http://afi8.com/ このサイトの <h2>初心者アフィリエイターが稼ぐ為にやる事</h2> の下のあるテーブルメニューです。 いちおう検索してみたのですが、同じように作成する方法が分かりませんでした。

    • ベストアンサー
    • CSS
  • セル内の余白について

    http://www.kyoto-1-hotel.jp/index.htm 上記のHPのメニュー部分には余白が3POINT設定されているのですが自分で表を3段造って一番下だけ余白を入れようとすると3段全てに余白が入ってしまいます。スタイルシートのパディングでpointを3にしてみましたがセル内の余白が入りません 上記のHPの様にmenu部分にだけ設定する方法を教えていただきたいのですが、よろしくお願いします。

  • スペーサーがうまくいかないのはセル余白?

    HP製作初心者でMXを使用しています。 テーブルの上下間の隙間を均一にするのにスペーサーを入れていますが、セル余白0の場合は思い通りにいくのですが、1以上の数字が入っている場合は異様に高くなり全くうまくいきません。 余白数が関係してるとしても、プロパティに入っている数字は理解出来ないですし、スペーサーのみのテーブルを作っても同じで、かといってスペーサーを削除すると下のテーブルがぴったりくっつきます。 1枚のテーブルの中でセル同士で調整するというのは、後々ライブラリーに入れる事を考えさけたいのですが・・・。 やはりこれはセル余白との関係でしょうか? 又その他に良い方法があれば教えて下さい。 低レベルでお恥ずかしいですがお願いします。

  • ブラウザーの余白について

    ブラウザーの下の余白を無くすというのは無理なことなんでしょうか? 例えばこの「教えて!Goo」の最下段のように、イヤでも余白はできてしまうのでしょうか? HPを作成しているのですが、余白を無くしたい場合対処する方法があれば教えてください。

  • エクセルの余白のページ設定についてです。

    今エクセル2003を使っています。 エクセルの余白についてのページ設定を行っているのですが、 ページ設定の余白タブの下にページ中央というのがあります。 そこに、水平と垂直という欄があるのですが、 これは一体何なのでしょうか? これにチェックをつけると一体何がかわるのでしょうか? 私はエクセル初心者なので、よくわかりません。 わかりやすい説明お願いします。 すみません。

  • HPをUPした時に一番外側の余白が変わってしまう

    HPをサーバに上げた時に余白がずれることについて質問させていただきます。 仕事でHPを作成しています。 経験は浅いです。やっとHP一つ上げられた程度です。 その上げたHPなのですが、いざ上げてみると外側の余白が変わっていることに気付きました。 dreamweaverで作成しており、IE8で完成したものを見ています。 上げる前は下の余白はどのページも共通でした。 なので特に余白に関しては設定しておりません。 いざ上げてみると、ヘッダーからリンクするページはヘッダーからリンクするページ同士で余白が共通になっており、サイドバーからリンクするページはサイドバーからリンクするページ同士で余白が共通でした。 検索して理由を探してみましたが、答えに直結するものはございませんでした。 以前、画像が上げた時に出ない時は拡張子が大文字だったことでないと言う理由がありましたが、余白がずれることもそのような理由というものはあるのでしょうか。 作っているソフトやブラウザは出しましたが、他にこの答えに関する情報を出せそうなら出したいと思うのでそちらもご指摘お願いいたします。 それではよろしくお願いいたします。

  • ホームページ余白ができてしまいました

    基本HTMLでホームページを自作しています。 いじってるうちに有り得ない位置に余白が出来てしまいました。 HTMLとCSS、テーブルタグを使いすぎてると思いながら、修理に修理を重ねる感覚で 自分でもよく分からなくなってしまいました。 画面は、 ---------------------- タイトル ---------------------- ※←?  画像○  ---l  -------------- ---l  画像○ ---l  -------------- ---l  画像○ ---l -------------- このような作りです。全体をテーブルで分け、タイトルの下に 左側には各々のページへ行くメニュー、右側に紹介したいものの画像などを配置しています。 ところが※←のところに妙な余白があいてしまい、左側のメニューがぐっと下がっています。 ソースの一部書きますので、アドバイスお願いします。 <META name="robots" content="index,follow"> <script language="javascript"> <!-- function mini_win(theURL,winName,features) { window.open(theURL,winName,features); } //--> </script> <style type="text/css"> <!-- .cop { position:absolute; right:0; left:0; top:0 } --> <!-- a{ text-decoration:none; } a:hover{ text-decoration:underline; color:#fa8072; font-weight:bold; background-color:#f4f4be;  } a:link{color:#006400} a:visited{color:#556B2f} } --> </style> </HEAD> <a name="#top"> <BODY bgproperties='fixed'> <table width=100%> <tr> ~と続きます。 長くなりましてすみません。 よろしくお願い申し上げます。

    • ベストアンサー
    • SEO
  • ページの背景と余白について

    HPを作成していますが、右にできる余白と、ページの背景が同じになってしまいます。別々にするには、どうしたら良いでしょうか? ページサイズは、750 × 900 です。