下記のテーブルタグを使うと
<Table Border>
<Tr BgColor=#d5eaff>
<Td>あ</Td><Td>い</Td>
</Tr>
<Tr BgColor=#ffffd5>
<Td>う<Td><Td>え</Td>
</Tr>
</Table>
これをHPに編集して反映させてみると上にテーブルと同じ色の棒線みたいなものが現れるんです。
http://heo.jp/tag/table/bgcolor.html ここから、テーブルタグを頂きました。
どなたか、わかる方がいましたら回答お願いします。
No.5ベストアンサー
- 回答日時:
テーブルタグに囲まれる範囲内に、余計な文字が挿入されてはいないでしょうか。
テーブルタグに囲まれている範囲内に、テーブルタグ直下に置くことのできない文字が混ざりこむと、それがテーブルの上に吐き出されます。 ソースを見る限りでは、テーブルの行ごとに背景色を指定しているので、その追い出された文字の背景色が横線として表示されてしまう可能性もあると思います。
インデントに全角スペースを使っていないか、余計な文字が入り込んでいないかなどを、チェックしてみるのが良いと思います。
あと、先の方への補足を見ましたが、gooの簡単HPですと、ソースの編集時に自動改行で送信すると、ソースを記入しているテキストボックスで改行してある部分を<br>に自動で置き換えるため、場合によってはソースの中にゴミを混ぜ込む事になります。
自動改行ではなく、マニュアル改行を選択して送信すれば、そうした事態は避けられます。 table要素やscript要素など、そういうゴミの混入が支障になる要素を使うときには、マニュアル改行モードで送信するように心がけておくと良いでしょう。
なお、蛇足ですが、表示に異常がある場合は、編集時のソースではなく、異常な表示になっている時に、HTMLソースをブラウザのHTMLソースを表示させるメニューから開いて、そちらで参照されているHTMLソースを確認してみることをお勧めします。 原因追求の場合には、そちらの方が有用な情報になりますよ。
参考まで。
No.4
- 回答日時:
ぬぉ~!!!!
質問時の例と実際のコードが違っているじゃありませんか。これじゃぁ、解決できません。
で、HTML構文が間違っています。<table>タグ内では、<br>タグは、<td>~</td>など、開始タグと終了タグの「間」にしか記述してはいけません。
あなたのコードでは、開始タグ~終了タグとの外に<br>タグがあったため、表示がおかしくなったのでしょう。
参考サイトを記載しておくので、このサイトでしっかり勉強してください。
【再現例】
<html><head><title>test</title></head><body>
<Table Border=1>
<Tr BgColor="#d5eaff">
<Td>あ</Td><Td>い</Td><br>
</Tr>
<Tr BgColor="#ffffd5">
<Td>う</Td><Td>え</Td><br>
</Tr>
</Table>
</body></html>
【修正後】
<html><head><title>test</title></head><body>
<Table Border=1>
<Tr BgColor="#d5eaff">
<Td>あ</Td><Td>い</Td>
</Tr>
<Tr BgColor="#ffffd5">
<Td>う</Td><Td>え</Td>
</Tr>
</Table>
</body></html>
参考URL:http://tohoho.wakusei.ne.jp/www.htm
No.3
- 回答日時:
横棒? どこのことでしょう?
もしかして、<table>タグの前に<hr>タグがありませんか?
<html><head><title>test</title></head><body>
<Table Border=1 style="border-left:solid 3px red; border-top:solid 3px lightgreen; border-right:solid 3px orange; border-bottom:solid 3px blue;">
<Tr BgColor="#d5eaff">
<Td>あ</Td><Td>い</Td>
</Tr>
<Tr BgColor="#ffffd5">
<Td>う</Td><Td>え</Td>
</Tr>
</Table>
</body></html>
このコードで緑色の部分を削除したいということですか?
事象が再現するコードを記載してください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- Perl PERL 1 2022/04/26 14:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MacでのHP作成について
-
<IFRAME>でコンテンツ部分のみ...
-
文字を一括で置換するソフト・...
-
「リロード」ボタンをページ内...
-
エクセルでアルファベット5段階...
-
キングファイルの背表紙を作成...
-
カンマ区切り形式ではなく、セ...
-
htmlでテキストファイルの中身...
-
中国のEV
-
アクセス元URLをばれないよ...
-
Dreamweaverで画面表示サイズを...
-
Accessで、特定の記号を削除し...
-
ホームページビルダー11で作...
-
htmlファイルをブラウザで開く...
-
画像へのリンク(URL)埋め込み
-
水色のソースを作りたいのです...
-
Visual Source Safeについて
-
楽天市場goldでTOP作成…商品ペ...
-
Dreamweaverでテンプレートを再...
-
各ページの1番上の表示について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Webプラウザ
-
Mac ホームページ作成方法
-
キングファイルの背表紙を作成...
-
カンマ区切り形式ではなく、セ...
-
パワーポイントで参照ページを...
-
各ページの1番上の表示について
-
<IFRAME>でコンテンツ部分のみ...
-
エクセルで例えば、関数を使っ...
-
リンクをアップデートするしな...
-
VBAでマルチページのページ指定...
-
エクセルVBAでマルチページの切...
-
エクセルでアルファベット5段階...
-
文字を一括で置換するソフト・...
-
Wordチェックボックス作り方(...
-
リンクを送るとは?
-
txtファイル内の指定の単語の数...
-
Ctrl+Hで置換にならない
-
トロッファとは何ですか??
-
ExcelのROUND関数を一括解除し...
-
htmlでテキストファイルの中身...
おすすめ情報