[至急です]テキストは左寄せ、画像は右下にしたい

質問

一つのテーブルセル内の中で

・テキストは普通に左上から流したい。
・そのテキストが終わった行と同じ高さで右寄せに画像を入れたい。

両方が成立する方法が見つかりません。教えていただけますでしょうか。
下記のようなイメージです。

｜サンプルサンプルサンプルサンプルサン｜
｜プルサンプル　　　　　　　　　　ここに画像｜

回答No.4

naokita · ベストアンサー

画像をマージンで１行上げる。

<table width="300" border="1">
<tr>
<td>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル<img src="hogehoge.png" width="100" height="20" align="right" style="margin-top: -1em;"></td>
</tr>
</table>

お礼

回答ありがとうございます。
おお！ほぼ同じになりました！
マイナスにするという思考が出てきませんでした。
とりあえずこれで進めたいと思います。
先方から「きっちり揃えて」と言われないことを祈りつつ……
ありがとうございました！

補足

「margin-top: -1em」部分を小数点で調整したらキレイになりました。
本当にありがとうございました！

回答No.5

noname#176215

背景画像にリンクは入りませんね。

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
<a href="#"><img src="?.gif" align="right" border="0"
style="position: absolute; height: 行高さのサイズ;"></a>

ていうんじゃダメですか？

お礼

回答ありがとうございます。
そうですよね…背景画像にリンクは無理ですよね…。

上記ソースで試してみたのですが、高さは合ったのですが
右寄りなってくれませんでした（涙）。
align指定が効かなくなってしまうんでしょうか…。

回答No.3

noname#176215

画像を背景画像にするのではダメなんですね？　それが一番簡単だと思
いますが。

お礼

回答ありがとうございます。
背景画像にした場合、その画像にリンクはつけられるでしょうか？
リンクＯＫであればその方法でいきたいと思います！

回答No.2

vista2446

画像とそろえたいテキストの最終行を改行させてもいいのなら

<td>サンプルサンプルサンプルサンプルサンプル<br>
<img src="画像" align="right" valign="top" width="○○" height="○○">サンプルサンプルサンプル</tr>

どうでしょう？

お礼

回答ありがとうございます。
IEで見るのとFirefoxで見るのでは自然に流し込んだ時の改行位置が違うんです（涙）。
同じ見え方になるようにしたいので今回は難しそうです。
でもそのアイデアは思いつきませんでした。
ありがとうございました。

回答No.1

kappa-pa

CSS使わない一番簡単な方法なら

<table width="**" border="***">
<tr>
<td>ほげほげほげほげほげほげほげほげほげほげひおげほげほげほげほげほげほげほげほげほげほげほげひおげほげ<img src="hogehoge.gif" width="**" height="**" align="right" /></td>
</tr>
</table>

HTML 4.01 Transitionalならこれでもよかったっけ？

お礼

回答ありがとうございます。
その方法も試したのですが、テキストを改行して
別の行の右寄りに画像が表示されてしまいます。
テキストの最終行と同じ高さは無理なんでしょうか。
CSS使ってもいいのですが。