プロが教える店舗&オフィスのセキュリティ対策術

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

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

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

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

A 回答 (5件)

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



<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」部分を小数点で調整したらキレイになりました。
本当にありがとうございました!

補足日時:2006/11/22 15:02
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/11/22 14:56

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



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

ていうんじゃダメですか?
    • good
    • 1
この回答へのお礼

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

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

お礼日時:2006/11/22 14:58

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


いますが。
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/11/22 13:17

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



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

どうでしょう?
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/11/22 11:58

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



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

HTML 4.01 Transitionalならこれでもよかったっけ?
    • good
    • 0
この回答へのお礼

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

お礼日時:2006/11/22 10:17

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!