ベストアンサー

ホームページの作成の質問です

2005/11/28 16:35

下のように画像の横にテーブルを並べたいのですが、画像　　　テーブルテーブルは <table border=1 Width="500"　height"70" cellspacing=1 cellpadding=7> <tr style="height:20px;" align="center"> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> <td width="120" BGCOLOR="#8A2BE2"><font color="#FFFFFF">文字</td> </tr> このようなテーブルです、よろしくお願いします<m(__)m>

hisoft39
お礼率78% (515/658)

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

tokyoweb
ベストアンサー率16% (1/6)

2005/11/28 17:28 回答No.2

こういう事かな？でもテーブル部の幅が500pxだと120pxの枠が5つ入らないんだけど・・・。 <html> <body> <tr style="height:20px;" align="center"><td width="120" BGCOLOR="#8A2BE2"> </td> </tr> <img src="sample.gif" width="150" height="70" align="left"> <table height="70" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF"> <tr> <td><table width="600" height="20" border="0" cellpadding="1" cellspacing="7" bgcolor="8A2BE2"> <tr> <td><font color="#ffffff">文字</font></td> <td><font color="#ffffff">文字</font></td> <td><font color="#ffffff">文字</font></td> <td><font color="#ffffff">文字</font></td> <td><font color="#ffffff">文字</font></td> </tr> </table></td> </tr> </table> </body> </html>

質問者

お礼 2005/12/08 14:31

親切なお答えありがとうございました(^_^) とても参考になりました！

その他の回答 (1)

Chronos198
ベストアンサー率30% (105/349)

2005/11/28 16:53 回答No.1

方法１：<table>タグに「style="display:inline;"」を付ける。＞<img src="hoge.jpg"> ＞<table border=1 Width="500"　height"70" cellspacing=1 cellpadding=7 style="display:inline;"> この方法で画像と並べた場合、テーブルは画像の右側の下の方に表示されます。 (なんだか説明が難しいんですが・・実際にやってみると分かりやすいです。) また、環境によってはスタイルシートが使えない場合があります。方法２：外側にもう一回り大きい<table>を作る。＞<table><tr><td> ＞<img src="hoge.jpg"> ＞</td><td> ＞<table border=1 Width="500"　height"70" cellspacing=1 cellpadding=7> ＞</td></tr></table> この方法の場合、外側のテーブルでvalignを指定する事で、画像の右の真中や上にテーブルを表示する事が可能です。また、スタイルシートを使っていないので環境を問わず表示出来ます。