- 締切済み
画像の隣にテーブル←タグは？
画像を左に置き、その隣にテーブルをおきたいんですが、タグはその場合どういうのを使えばいいのですか？？
- nasinohana
- お礼率64% (35/54)
- レンタルサーバ・ASP
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- abukuma06
- ベストアンサー率51% (43/83)
１．下記配置の場合のタグ ■■■■■■■■ ┌─テーブル ───┐ ■■■画像■■■ │ │ ■■■■■■■■ └────────┘ <HTML> <HEAD></HEAD> <BODY> <IMG src="○○○.jpg" width="□□□" height="△△△" border="0" align="left"> <TABLE border="1" width="□□□" height="△△△"> <TR> <TD></TD> </TR> </TABLE> </BODY> </HTML> 以下はサンプルページですので、ブラウザのメニューバーから「表示」→「ソース」を選択し、HTMLソースを確認してみてください。 http://myhome.nsf.jp/aq/070131_1.htm ２．下記配置の場合タグ ┏━ テーブルB ━━━━━━━━━━━━┓ ┃■■■■■■■■┌─テーブル ───┐┃ ┃■■■画像■■■│ │┃ ┃■■■■■■■■└────────┘┃ ┗━━━━━━━━━━━━━━━━━━┛ <HTML> <HEAD></HEAD> <BODY> <TABLE border="1"> <TR> <TD><IMG src="○○○.jpg" width="□□□" height="△△△" border="0" align="left"> <TABLE border="1" width="□□□" height="△△△"> <TR> <TD></TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> 以下はサンプルページですので、ブラウザのメニューバーから「表示」→「ソース」を選択し、HTMLソースを確認してみてください。 http://myhome.nsf.jp/aq/070131_2.htm
- neorg
- ベストアンサー率54% (235/433)
私は、このようにしてます。 <html> <table border="1" bordercolor="green" cellpadding="5"> <tr> <td> <img src="画像のＵＲＬ" width="320" height="240" > </td> <td> <table border="1" bordercolor="red" cellpadding="5"> <tr><td>１</td><td>Ａ</td></tr> <tr><td>２</td><td>Ｂ</td></tr> <tr><td>３</td><td>Ｃ</td></tr> </table> </td> </tr> </html> img src=""のところに画像の置いてあるアドレスを width="" のところに表示したときの画像の幅 height=""のところに表示したときの画像の高さ border="1" を位置調整の確認後ゼロにすることで枠を消せます。 bordercolor="" で枠のいろを指定します。 cellpadding="5" で枠と画像などのスキマを作ります。 赤い枠のテーブルの<table>～</table>を、お好みのテーブルに書きかえればいいと思います。
- Pacifier
- ベストアンサー率44% (30/68)
No.1追加 または、右テーブルのセルに組み込んでしまう ┌─テーブル ───┬────────┐ │■■■■■■■■│内容. │ │■■■画像■■■│ │ │■■■■■■■■│ │ └────────┴────────┘
お礼
ありがとうございます！
- Pacifier
- ベストアンサー率44% (30/68)
つまり、こういうことでしょうか ■■■■■■■■ ┌─テーブル ───┐ ■■■画像■■■ │ │ ■■■■■■■■ └────────┘ であれば、目的の２つを別のテーブル（B）で囲ってやれば手っ取り早い。 ┏━ テーブルB ━━━━━━━━━━━━┓ ┃■■■■■■■■┌─テーブル ───┐┃ ┃■■■画像■■■│ │┃ ┃■■■■■■■■└────────┘┃ ┗━━━━━━━━━━━━━━━━━━┛
お礼
そうです！！ なるほど、そうゆうやりかたがあるんですね！ ありがとうございます。そのタグはどうやって作るんですか？？
お礼
ご丁寧にありがとうございます！試してみます！