- ベストアンサー
テーブルを囲む画像の線の付け方
ttp://www.01kaisha.com/ 上記のサイトのような、よくＷＥＢサイトで見かけるテーブルタグを囲む影付きの画像はどのように設定するのでしょうか？ 自分で作りたいのですが長さがおかしくなったりしてうまく囲むことが出来ません どなたかご存知の方いましたら教えてください<(_ _)>
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ご質問のポイントは、下記のようなことだと思います。 それ以外にスタイルシートが付加されていますが、まずは分かる部分から勉強していかれたらいかがですか。↓ <HTML><HEAD></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=780 align=center border=0> <TR> <TD><IMG height=1 src="http://www.01kaisha.com/img/main/spacer.gif" width=14 border=0></TD> <TD><IMG height=1 src="http://www.01kaisha.com/img/main/spacer.gif" width=752 border=0></TD> <TD><IMG height=1 src="http://www.01kaisha.com/img/main/spacer.gif" width=14 border=0></TD> <TD><IMG height=1 src="http://www.01kaisha.com/img/main/spacer.gif" width=1 border=0></TD></TR> <TR> <TD><IMG height=130 src="http://www.01kaisha.com/img/main/main01_r2_c1.jpg" width=14 border=0></TD> <TD bgcolor="#ffcccc"> ここにテーブルなど、実際の表示内容を記述します。 </TD> <TD><IMG height=130 src="http://www.01kaisha.com/img/main/main01_r2_c3.jpg" width=14 border=0></TD> <TD><IMG height=4 src="http://www.01kaisha.com/img/main/spacer.gif" width=1 border=0></TD> </TR> </TABLE> </BODY></HTML>
その他の回答 (1)
- partita
- ベストアンサー率29% (125/427)
>ところで申し訳御座いませんが、一番下の http://www.01kaisha.com/img/main/main09_r2_c1.jpg 部分はどのようにして貼り付ければよいのでしょうか？ 隙間ができるのはtableにcellspacing="0"やcellpadding="0"がないことが原因だと思います。 もしくは、画像を入れるセルを<td valign="top">と書き換える。
お礼
ご回答有難うございます！ おかげで横の画像の付け方を理解することが出来ま した＾＾ ところで申し訳御座いませんが、一番下の http://www.01kaisha.com/img/main/main09_r2_c1.jpg 部分はどのようにして貼り付ければよいのでしょうか？ テーブルが３列ありひとつだけにぴったりと貼り付けるこ とが出来ません<(_ _)>