この命令文なのですが

質問

<TABLE border=0 Cellspacing=0>
<TD>
<TR><A　HREF="リンク先のアドレス"><IMG SRC="profile.gif"border=0></A><TABLE BORDER=0 BACKGROUND="profile-4.gif" WIDTH=83 HEIGHT=70><TD>Menu</TD></TABLE></TR>
</TD>
</TABLE>
二つの画像を使って、リンクに飛ぶ画像と背景画像に文字を入れた画像を枠の隙間なく、左右に並べて表示させようとしたのですが、上の命令文だと、画像が上下に並んでしまいます。
どうすればよいか初心者で分かりませんので、お分かりになられる方どうか教えてください。お願いします。

回答No.2

345itati · ベストアンサー

取り合えず突っ込み所が多いタグの記述なので・・・

<table border="0" cellspacing="0">
<tr>
<td><a href="リンク先URL"><img src="profile.gif" width="幅" height="高さ" border="0"></a></td>
<td><table background="profile-4.gif" border="0"><tr><td>Menu</td></tr></table></td>
</tr>
</table>

で左右には並びますが、

<table border="0" cellspacing="0">
<tr>
<td><a href="リンク先URL"><img src="profile.gif" width="幅" height="高さ" border="0"></a></td>
<td background="profile-4.gif">Menu</td>
</tr>
</table>

の方がお望みの感じには近いかもしれません。
(規格外の属性が含まれている為、余りお勧め出来ない書き方です。
基本的にレイアウトは<table>タグではなくCSSを使った方がいいと思いますが。

回答No.3

pi8027

回答と云うか突っ込み

・table要素は表をマークアップする為の要素なのでレイアウトに使うのは間違っている。
・img要素にはalt属性が必須。
・img要素のborder属性は好ましくない。
・table要素のcellspacing属性も好ましくない。
・table要素のborder属性も好ましくない。
・table要素のbackground属性も好ましくない。
・table要素のwidth属性も好ましくない。
・table要素のheight属性も好ましくない。
・HTMLはマークアップ言語であり、タグは命令文ではない。(HTML関連で命令と言えばxml-stylesheet処理命令とか……)

所謂"駄目講座"の被害者の様ですね。
HTML講話(http://web.xii.jp/iec/html/ )等でHTMLを勉強し直す事を推奨。

回答No.1

Werner

まず表示以前の問題として、正しいHTMLになってないです。
table要素の直下にtd要素をいきなり置くことはできず、
tableの中にtr、さらにその中にtd（やth）が入るようにしなければなりません。
たぶん本やどこかのサイトを見てHTMLについて調べているのだと思うので、
見直しておいた方がよいと思います。
(あと、命令文というのも変だけど、そう書いてある本やサイトが結構あるのかな…。)

tableを使って横に並べる方法ですが、以下のようにすればできると思います。
（インデントに全角スペースを使っているので注意。）
----------------------------------------------------------
<table border="0" cellspacing="0">
　　<tr>
　　　　<td><a href="url"><img src="profile.gif"></a></td>
　　　　<td background="profile-4.gif" width="83" height="70">Menu</td>
　　</tr>
</table>
----------------------------------------------------------

# 個人的にはテーブルレイアウトはあまり好きではないですが、とりあえずそれは置いておきます。