人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

html文<table><tr><td>タグで12列の表を作成したところ,表の前(上)に表の行数だけの余白が出来てしまいます。1行加えると余白が又1行増えてしまいます。その余白行は対応する表内の行と同じ背景色がつきます。余白が出来る原因と対策が分かったら教えてください。

●質問者: Masipposhi
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML タグ 作成 対応 背景色
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● tipstips
●5ポイント

コメント受け付けていないみたいなのでこちらでコメントします。

具体的に作成したhtml文かそのhtml文があるページのURLを提示するか、html文を作成した環境(エディタ)と表示した環境(ブラウザ)を提示してもらわないと回答は難しいと思います。


http://q.hatena.ne.jp/1243741602

◎質問者からの返答

ご回答ありがとうございます。

html文添付します。editorは「秀丸」、ブラウザはIEです。分かりますか?

<html>

<head>

<title>国立ときわ会/運営/案件処理推移表</title>

</head>

<Body>

案件処理推移表
技術ポスト
  番号 案件名 RS別 設定 RS
決定
四者
決定
修正
更新
運委
決定
総会
承認
終了
  技術01 2009年度練習日程表 R 日程 5/18 5/10      5/26               
  技術02 36定演選曲案 R 選択              

</BODY>

</HTML>


2 ● matane
●5ポイント

どこか閉じてないタグがあると、よく そういう風になりますね。


tr の閉じ忘れとか table の閉じ忘れとか。

違ったらごめんなさい。


※ URLはダミーです。


3 ● fut573
●5ポイント

urlはダミーです http://q.hatena.ne.jp/1243741602

可能性の話でしかないのでコメント欄に囲うと思ったのですがオープンではないので、こちらに。


seesaablogを初めとした一部のブログツールやHTML作成補助ソフトは、ソースの改行コードを
タグに変換してしまいます。

例えば、

<table>
 <tr><td>test</td>
 <tr><td>test</td>
</table>

と書いた物が、


<table>
 <tr><td>test</td></tr>
 <tr><td>test</td></tr>
</table>

に自動変換され、table中の改行タグ
がブラウザに解釈され、表より前にに空白が表示されます。


ブラウザ上で、htmlファイルのソースを確認し、tableの中に改行タグが追加されていないかどうか、確認してみてください。

もし、自動挿入されるツールを使っているようでしたら、改行タグ自動挿入関係のオプションをチェックしてみてください。

<table><tr><td>test</td><tr><td>test</td></table>

↑のように改行無しでtableをまとめて一行で書くのも有効です。


4 ● juner
●5ポイント

URLはダミーです。 http://hatena.ne.jp/juner

タグに関しての閉じ忘れだけだと思われます。

閉じないと意図しない空白が入ったりしますので気をつければ大丈夫かと思われます。

あと、関係無いですが、tdはデータ、thはヘッダ用に使うものなので適切に使いましょう。

(css適用する際も無駄なclassやidの指定をしなくて済みます。


5 ● matane
●80ポイント

2のものです。

わかりましたよー。>td< の直前に全角の空白があるんです。

秀丸の表示の設定で「全角空白を表示」にしておくと分かりますよ。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ