- 締切済み
テーブルタグについてなんですけど・・・
下記のテーブルタグを使うと <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 ここから、テーブルタグを頂きました。 どなたか、わかる方がいましたら回答お願いします。
- kakuside
- お礼率48% (14/29)
- その他（インターネット・Webサービス）
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
みんなの回答
テーブルタグに囲まれる範囲内に、余計な文字が挿入されてはいないでしょうか。 テーブルタグに囲まれている範囲内に、テーブルタグ直下に置くことのできない文字が混ざりこむと、それがテーブルの上に吐き出されます。 ソースを見る限りでは、テーブルの行ごとに背景色を指定しているので、その追い出された文字の背景色が横線として表示されてしまう可能性もあると思います。 インデントに全角スペースを使っていないか、余計な文字が入り込んでいないかなどを、チェックしてみるのが良いと思います。 あと、先の方への補足を見ましたが、gooの簡単HPですと、ソースの編集時に自動改行で送信すると、ソースを記入しているテキストボックスで改行してある部分を<br>に自動で置き換えるため、場合によってはソースの中にゴミを混ぜ込む事になります。 自動改行ではなく、マニュアル改行を選択して送信すれば、そうした事態は避けられます。 table要素やscript要素など、そういうゴミの混入が支障になる要素を使うときには、マニュアル改行モードで送信するように心がけておくと良いでしょう。 なお、蛇足ですが、表示に異常がある場合は、編集時のソースではなく、異常な表示になっている時に、HTMLソースをブラウザのHTMLソースを表示させるメニューから開いて、そちらで参照されているHTMLソースを確認してみることをお勧めします。 原因追求の場合には、そちらの方が有用な情報になりますよ。 参考まで。
- RAPTsong
- ベストアンサー率42% (74/175)
ぬぉ～！！！！ 質問時の例と実際のコードが違っているじゃありませんか。これじゃぁ、解決できません。 で、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>
- RAPTsong
- ベストアンサー率42% (74/175)
横棒？ どこのことでしょう？ もしかして、<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> このコードで緑色の部分を削除したいということですか？ 事象が再現するコードを記載してください。
補足
<hr>はないですね。。。
- RAPTsong
- ベストアンサー率42% (74/175)
で、趣旨は？ 枠を消したいのであれば、Border=0 とします。
補足
そのテーブルタグを反映させたときに上に出る棒線を消したいんです。解決法があれば教えていただきたいんですが・・・
- RAPTsong
- ベストアンサー率42% (74/175)
それで？ といわれてしまいます。 何をしたいのかが記載されていないからです。 <Table Border=1> <Tr BgColor="#d5eaff"> <Td>あ</Td><Td>い</Td> </Tr> <Tr BgColor="#ffffd5"> <Td>う</Td><Td>え</Td> </Tr> </Table> これで解決しますか？
お礼
すみません・・・・質問の主旨を教えてませんでした。。 その、テーブルタグを使ってもできないです。。。
関連するQ&A
- テーブルタグについて
私は今テーブルタグでレイアウトする勉強をしています。よくＨＰでみかける作り方ですが、セルを縦に設定したいと思っています。作り方がテーブルタグの中にテーブルタグをいれて作っているようなのですが、実際私が作ってみると、左右のテーブルの位置が行数が違ってくると少ない行数の方が上下にセンタリングされてしまい、トップの位置がずれてしまいます。 何回もＨＰを見て、これはと思うタグをいれてやってはみたのですが、うまくいきません。 下に私が作った「html」をのせましたので、どなたかわかる方、教えてください。お願いします。 ＜参考html＞ <html> <head> </head> <body> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <table> <tr> <td> <table border="1"> <tr> <td>これは日本昔話です。</td> </tr> <tr> <td>むかしむかしあるところにおじいさんとおばあさんが住んでいました。ある日おじいさんは芝刈りに、おばあさんは川へせんたくにいきました。</td> </tr> </table> </td> </tr> </table> </td> <td> <table border="1"> <tr> <td> <table border="1"> <tr> <td>私はＷＥＢの勉強をしています。</td> </tr> <tr> <td>なかなかむずかしいです。。</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルタグで、文字を寄せたいです
ＯＳはビスタでフラウザはＦｉｒｅｆｏｘ８です それで、自分のブログにテーブルタグで表の様な物を作り 解説を載せたいんですが、セルの中に解説文字等を入れ それを常に中央に持って行きたいんです 尚、最初に語らせて頂くと 下記に書いてる●はセルの角だと思って下さい 本当はセルのラインを－で表示しようと思ったんですが 作るのに時間が掛かる過ぎる為 角の部分に目印の●だけ付けました 従って●と●との間には見えない－が入ってると思って下さい それと、タグの中にサイズやカラーのタグが入ってます これは本来なら必要無いと思ったんですが もし、これらが何かのトラヴルの原因だった為と思い 一応入れました ちなみにブログはＦＣ２ブログです ただ、その場合だけなら <table width="数字" border=1> <tr> <td Bgcolor="#FFcc33" align="center"> 文字 </td> </tr> </table> で反映してます ところが、解説をセル内に収めるのに 文字数の関係で２行に分かれる時が出て来ます その場合でも、バランス良くと考え 手動(？)で任意の場所に<br>を入れて改行しました すると当然ですが、この様に反映するんですが ● ● 文字文字文字 文字文字 ● ● バランスを考えると、この様に反映させたいんです ● ●● ● 文字文字文字 文字文字 文字文字 文字文字文字 ● ●● ● それで、私の知識では テーブルの中にテーブルを入れる… つまり外側のテーブルに中央に寄せるタグを入れ 中のテーブルに左に寄せるタグを入れようと この様にタグを設定しました <table width="数字" border=1> <tr> <td Bgcolor="#FFcc33" align="center"> <table align="left" border=0> <td> 名前 <br> 名前 </td> </table> </td> </tr> </table> しかし、これで設定すると ブログ内の「本文の編集」では反映しても 公開で見ると反映しなかったり 「本文の編集」でも反映したり、しなかったりなんです この方法ではダメなんでしょうか？ もしダメだとしたら、どう設定すれば良いでしょうか？ ちなみに、ブラウザがＦｉｒｅｆｏｘだから 反映が見えない訳では無いです 最後に、この様な設定の場合 よく使用される物として、スタイルシートも知ってますが もし可能だとしてもスタイルシートではなく タグで御願いします その理由なんですが、覚えるのが大変な事… 勿論、覚えるのを面倒がっててはダメなのは分かってるんですが 例え教えて貰って設定しても 滅多に使用しないスタイルシートだと、設定した事も忘れたり 再設定する可能性が考えられる為 そうすると、それが原因で何かのトラヴルが発生しても 以前に設定したスタイルシートの場所や 記号等も忘れる危険が高いからです
- ベストアンサー
- ブログ
- テーブルタグ
<table bgcolor="lightpink" cellspacing="5" cellpadding="5"><tr><td style="border:3px solid white;"> 文字 </td></tr></table> このタグの、色の反転版（つまりテーブル本体の色が白、周りの線がピンク）のタグを教えてください！
- ベストアンサー
- その他（インターネット・Webサービス）
- テーブルタグ内の文字位置を統一する方法について
ひとつのページにある複数のtableタグのうち、ひとつだけタグ内の文字位置を一括で統一する方法を教えてください。<td>タグにvalign="top"などと一つずつ記載していくしかないのでしょうか。 たとえば、とあるページに下記の２つのテーブルタグがあるとして <table border=1 width=5> <tr><td>適当</td> </table> <table border=1 width=5 この場所で一括設定する方法="知りたいです"> <tr><td>このテーブルだけ</td> <td>全部</td> <tr><td>文字位置を上で</td> <td>統一したいです</td> </table>
- ベストアンサー
- HTML
- テーブルタグで、この様な表を作りたいです
実は、現在テーブルタグを使って この２つの様な表を作りたいと思います http://firestorage.jp/download/6521d87b9576b05425f88f84f5d1f104da854e59 ちなみに、上記表の赤い線に関しては 分かり易くする為に、線の部分を赤く着色してるだけで 色は付かなくて構いません ただ…この色を付けた状態でも作れるなら 教えて頂ければ、その方法も勉強したいと思います それで、現在は上の表に対しては この様なタグで <table border=1><tr><td>画像</td><td>解説</td><td>画像</td><td>解説</td><td>解説</td></tr><tr><td>画像</td><td>解説</td><td>画像</td><td>解説</td><td>解説</td></tr><tr><td>解説</td><td>解説</td></tr></table> 下の表に対しては、この様なタグで作りました <table border=1><tr><td></td><td>文字</td><td>文字</td><td>文字</td></tr><tr><td rowspan="2" width="10">文字</td><td>文字</td><td>文字</td><td>文字</td></tr><tr><td>文字</td><td>文字</td><td>文字</td></tr></table> しかし、この場合余計な所にも枠が出来てしまう為 この様な状態で出来上がります http://firestorage.jp/download/a52b36dd5a3f1838a7d482c2c07e68062a846e7b それで、私の知識の範囲では それぞれを単独で作るしか方法が分からず この様に <table border=1><tr><td>文字</td><td>文字</td><td>文字</td><td>文字</td><td>文字</td></tr></tr></tr></table><table border=1><tr><tr><td>文字</td><td>文字</td><td>文字</td></tr></tr></table> ２つに分けて、それぞれを付けるしか分かりません この場合は、この様な表として反映しますが http://firestorage.jp/download/3fe730975c59ffcf275ba5899ea6a385d2c070e8 下の表に関しては分かりませんでした つまり実際の反映としては、こんな感じなんです http://firestorage.jp/download/76d64dcca6e82f11bfa71d3840cf302310e2206a そこで聞きたいんですが 上記の２つの様な表をテーブルタグで作る方法を 教えて頂けないでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- CSS テーブルタグの二列目にそれぞれ色を付けたい
http://takuya-1st.hatenablog.jp/entry/2013/12/05/035607 これを参考にやってみましたが、何も反映されませんでした。 ややこしくてうまくいけませんでした。 テーブルタグ <table> <tr> <td>A</td> <td>赤</td> </tr> <tr> <td>B</td> <td>白</td> </tr> <tr> <td>C</td> <td>黄</td> </tr> </table> どうすれば良いか、教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- テーブルタグについて
楽天ブログの日記用テーブルを、最初は人から借りていましたが 自分でオリジナルなものを作りたくなって、いろんな人のテーブルタグを見ようみまねでＨＴＭＬタグを勉強しながら、どうにか簡単なものはできるようになってきました。 欲が出てきて、テーブルの中に 例えば右上・左下もしくは左上・右下に画像（イラスト等）を配置した テーブル作りに挑戦しているのですが、うまくいきません。 正しいＨＴＭＬタグを教えてください。 試してみたソースです ↓ <table cellpadding="30" cellspacing="1" border="0" style=" width: 100%; background-color: #AB8F74; "><tr><td bgcolor="#ffffff" background="左上の画像アドレス" style="background-repeat: no-repeat; background-position: left top;" valign="top" height="266" align="center"><td bgcolor="#ffffff" background="右下の画像アドレス" style="background-repeat: no-repeat; background-position: right bottom;" valign="top" height="266" align="center"> ■ここに日記内容■ </td></tr></td></tr></table> これだと余計な線が入ってしまいます。 ひとつのテーブルにしたいのです。 よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- スタイルシートの書き方
HPの中に以下のようなテーブルを並べて作っているのですが、後からまとめて編集しやすいようにCSSファイルを別に作ろうと思います。 自分であれこれ試してはいるのですが、スマートな（？）スタイルシートの書き方がいまいちわかりません。 どのように指定すればいいでしょうか？ 因みに下のタグもかなり自己流な部分があるのではないかと思うので、おかしいところがあれば指摘してください。 よろしくお願いします。 ------------------------------------------------------ <table border="0" bgcolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td> <table border="0" cellspacing="1" cellpadding="2" width="500"> <tr><td bgcolor="#ffffff" width="150">AAA</td><td>BBB</td></tr> </table> </td> </tr> </table>
- ベストアンサー
- CSS
- テーブルタグの横に文章が入らない・・・
こんにちは。htmlを作成しているんですが、 テーブルタグの横に、文章をいれたいのですが、 やり方がわかりません。 下のhtmlでやると、テーブルタグの上に文章が表示されてしまいます。 わかる方いらっしゃいましたら教えてください。 <Table Border> <tr><td>内容</td><td>内容二</td></tr> （上記一行×４） <b>文章題名</b> 本文 ぜひとも、宜しくお願いします。
- ベストアンサー
- HTML
- テーブルタグについて質問
テーブルを横に二つ並べたのですが 赤い線と中のセルに間に隙間があいてしまいます 上にぴったりつけたいので、TD valign="top"を使いましたが上手くいかず 困っています。 以下、自己流ソースです <TABLE border="3" bordercolor="red" height="60%" cellpadding="0"> <TR> <TD valign="top"> <TABLE border="1" width="100%" cellpadding="0"> <TR> <TD><img src="image/＊＊＊＊.jpg"></TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="1" cellpadding="0"> <TR><TD width="30%" align="right"><B>＊＊＊＊</TD><TD>＊＊＊＊</B></TD> </TR> <TR><TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> <TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> <TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> <TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> <TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> <TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR></TABLE> </TD> </TR> </TABLE>
- ベストアンサー
- その他（インターネット・Webサービス）
お礼
マニュアル改行したらできました＾＾ 有難うございましたｗ
補足
<tabele>～</tabele> の中には余計な物が入ってませんでした・・・・直せません（泣