• ベストアンサー

画像の配置について

こんばんは、 セル内に文字と画像を貼り付る場合に 文字は、左よせ 画像は右寄せに貼り付けたいのですが セル内の 画像のみを右寄せに貼り付ける場合は、 どうすればよいのですか? どなたかご存知の方、教えてください。 HP作成は ホームページビルダーと ez-HTML を使っています。 よろしくお願いいたします。

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

  • ベストアンサー
  • yosoho
  • ベストアンサー率59% (19/32)
回答No.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>セル内フロート</title> <style type="text/css"> <!-- img { margin: 0px; padding: 0px; float: right; } em { font-weight: normal; font-style: normal; float: left; } --> </style> </head> <body><table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td><em>こんばんは</em><img src="XXX.jpg" width="" height="" /></td> </tr> </table> </body> </html> テキストに何らかのタグを指定し、そのタグと次の画像タグにCSSを設定してはどうでしょう。 箇所が多く、その箇所ごとに見栄えを変える場合はCSSのセレクタをこまめに変えたらどうでしょう。

kanbei_o1
質問者

お礼

返答ありがとうございました。 出来ました。 ありがとうございました。

その他の回答 (1)

  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

<style type="text/css"> <!-- td.imgright img { float:right; border:0; margin:0px; padding:0px; } --> </style> <table width="600"> <tr> <td class="imgright"><img src="hoge.jpg" width="160" height="120" alt="xx">画像を右に</td> </tr> <tr> <td class="imgright"><img src="hoge.jpg" width="160" height="120" alt="xx">画像を右に</td> </tr> </table>

kanbei_o1
質問者

お礼

ご返答ありがとうございました。 やってみます。

関連するQ&A