htmlのtable内に画像

初心者です。
tableの中に画像をぴったり貼り付けたいです。
しかし、セルの横に並んだセル内の一方に画像を入れると、
片方に幅が取られぴったり行きません。

ご存知の方がおられましたら教えてください。
よろしくお願い致します。

試した事
<table width="100%"border="1">
<tr>
<td>

<img src="test.jpg">

</td>
<td>
test
</td>
</tr>
<tr>
<td>
test
</td>
</tr>
<tr>
<td colspan="2">
test
</td>
</tr>
</table>

No.2 ベストアンサー 回答者： naokita 回答日時： 2011/09/20 23:53

あ。

さっきの同じ質問者って事は、質問を見る順が逆だったか・・・
--------------------
画像に幅 width を設定する。
その width と同じ幅をセルに設定する。


<table width="100%" border="1">
<tr>
<td style="width:100px;">
<img src="test.jpg" width="100">
～以下省略

heightもaltも必要。　表で無ければ、tableは使わない。
表を使わない方法を考えた方（作わないよう努力すれば）が、
将来的にキレイに作れるようになるでしょう。

この回答へのお礼

ありがとうございます。
画像ぴったりにセット出来ました。

お礼日時：2011/09/29 09:38

No.1 回答者： ORUKA1951 回答日時： 2011/09/20 23:25

画像を並べるためにtableを使ってはなりません。

!!
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
Webページのプレゼンテーションを向上させようという志は素晴らしいものではあったが、そのためのテクニックには思わぬ副産物があった。こうしたテクニックは、特定の人々、特定の時代状況でしか成り立たず、すべての人々、すべての時代状況において成り立つものではないのだ。こうしたテクニックの例を挙げよう。
* メーカー独自拡張のHTMLを使う。
* テキストを画像に置き換えて表現する。
* 余白制御のために画像を用いる。
* ページレイアウトの目的で表を用いる。
* HTMLでページを作らずにプログラムに頼る。
　こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より

　HTMLはあくまで、文書をそれを構成する要素
・ここは見出しだよ<h1>～<h6>
・ここは引用文だよ<blockquote>,<q>
・ここからここまでひとつの段落だよ<p>
・ここは箇条書きだよ<ol>,<ul>,<dl>
　絶対に、文書をレイアウトするためではありません。本当に大事な大事な基本です。初心者とのことですが、最初に覚えなければならないことです。
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
あたりで、正しい基礎から学んでください。
　　HTML4.01の仕様書を翻訳された内田さんがご家族のために作られてページと聞いています。

「画像をぴったり貼り付けたいです。」が、文字を画像に置き換えたものなら、それ自体誤りです。また、そうでなくて画像自体が情報であるなら、そのようにマークアップしましょう。

★何のために、どのような画像を表示したいかを書かれたほうが良いでしょう。

この回答へのお礼

ありがとうございます。
divを使ってうまくしているサイトが多いですね。
参考になりました。
感謝です。

お礼日時：2011/09/25 13:47