テーブルタグについて

質問

楽天ブログの日記用テーブルを、最初は人から借りていましたが
自分でオリジナルなものを作りたくなって、いろんな人のテーブルタグを見ようみまねでＨＴＭＬタグを勉強しながら、どうにか簡単なものはできるようになってきました。

欲が出てきて、テーブルの中に
例えば右上・左下もしくは左上・右下に画像（イラスト等）を配置した
テーブル作りに挑戦しているのですが、うまくいきません。
正しいＨＴＭＬタグを教えてください。

試してみたソースです　↓
<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>

これだと余計な線が入ってしまいます。

ひとつのテーブルにしたいのです。
よろしくお願いします。

回答No.2

noname#235092

タグの順序や個数、それに要素の使い方がめちゃくちゃのような・・・

とりあえず「background-color: #AB8F74;」を消してみましょう。

お礼

ありがとうございました。
出来ました！
あと、タグを見直し一部直したら出来ました。

回答No.1

STICKY2006

こんちは。

やりたいことが正確に理解できないので、とりあえず、テーブルタグに関してだけ。

>>これだと余計な線が入ってしまいます。

まだ、テーブルタグ。。。というより、HTMLタグの基本が飲み込めてないようなので落ち着いてください。

基本テーブルタグ。

<table border ="1">
<tr>
<td>
あ
</td>
</tr>
</table>

これが一番の基本かと。

発展すると

横並びが
<table border ="1">
<tr>
<td>
あ
</td>
<td>
い
</td>
</tr>
</table>

たて並びが
<table border ="1">
<tr>
<td>
あ
</td>
</tr>
<tr>
<td>
い
</td>
</tr>
</table>

になるかと思います。

あなたの書いたテーブルタグは

<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>

これですね。
余分なもの、とっぱらってみます。

<table border="1">（←ここだけ、「border="0"」から「border="1"」に変えちゃいましたが。
<tr>
<td>
<td>
■ここに日記内容■
</td>
</tr>
</td>
</tr>
</table>

見比べてみましょう。
何か。。。違いません？

タグには、始まりと終わりがあり、その位置に注意する必要があります。

お礼

ありがとうございました。
そうですね。もう少し勉強しないと！！