セル内の画像とテキストのレイアウトについて

[新着] Webテンプレートを仮オープンしました

0   名前： ｍｉｋｉ ： 2004/05/24 15:32
タグ初心者です。宜しくお願いします。

テーブルの一つのセルの中に画像とその横の右下に完全に回り込ませて2行のテキストを配置したいのですが、
どうしても2行目が画像の下になってしまいます。デザインの都合上セルを分割したくないので
何か方法はないでしょうか。

□□□□□□□
□　　　　　□
□　画像　　□　　
□　　　　　□　　テキスト************
□□□□□□□　　テキスト＊***************
　　　
　　　　　　　↓上のようにしたいのですが下のようになってしまいます。

□□□□□□□
□　　　　　□
□　画像　　□　　
□　　　　　□　　
□□□□□□□　　テキスト************
テキスト＊***************

以下のように書いています。

<TR>
<TD width="590" height="100" bgcolor=#ffffff valign="bottom"><IMG SRC="41rogo3_100.jpg" align="baseline" hspace="20">
<font size="2">あいうえ</font>&nbsp;&nbsp;<font size="4">あいうえお</font><br><font size="2">あいうえおかきくけこ</font></TD>

</TR>
1   名前： Milky Way6 ： 2004/05/24 16:01   ［URL］
<IMG SRC="41rogo3_100.jpg" align="baseline" hspace="20">
を
<IMG SRC="41rogo3_100.jpg" align="left" hspace="20">
に変えると理想どおりになるのでは？（＾＾）
2   名前： ｍｉｋｉ ： 2004/05/24 16:33
Milky Way6さん、早速ありがとうございます。
align="left"にしてみると、確かに2行とも右側に配置されるのですが、
出来ればなおかつ下にならないかなと思うのです。
画像の右下に配置したいのです。
3   名前： Milky Way6 ： 2004/05/24 17:05   ［URL］
<tr>
<td><img src="41rogo3_100.jpg" hspace="20"></td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>テキスト<br>テキスト</td>
</tr>

これでいかがでしょう？（*＾-’)b
4   名前： Milky Way6 ： 2004/05/24 17:14   ［URL］
あ、でも『デザインの都合上セルを分割したくない』とおっしゃってましたね。
デザインの都合とは、ボーダー（枠線）のことでしょうか？でしたら、

<table お好きなデザイン属性><tr><td>
<table>
<tr>
<td><img src="41rogo3_100.jpg" hspace="20"></td><td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td><td>テキスト<br>テキスト</td>
</tr>
</table>
</td></tr></table>

としてみてはいかがでしょうか？・・・理由が違ったらすいません（＾＾；）
5   名前： ｍｉｋｉ ： 2004/05/24 20:31
枠線ですが細いグレーの枠線にするため以下のように設定しています。
<TABLE border="0" cellspacing="1" bgcolor="#808080" cellpadding="10" width="590" height="100">
<TD width="590" height="100" bgcolor=#ffffff valign="bottom">
セルを分割すると内枠線が出たようになり、どうもうまくいきません。
6   名前： Milky Way6 ： 2004/05/24 20:53   ［URL］
> セルを分割すると内枠線が出たようになり
あ、ですから、画像とテキストがあるテーブルは枠線なしにして、
その外側を枠線のあるテーブルで囲むんですよ。
そうすれば内枠線は無く、お望みどおりのデザインになると思いますが。
7   名前： ｍｉｋｉ ： 2004/05/24 22:30
枠線のあるテーブルに枠線なしの画像とテキストがあるテーブルを入れ子にすると言うことでしょうか。
8   名前： Milky Way6 ： 2004/05/24 22:39   ［URL］
そうです。分かりにくい説明だったでしょうか？
文章力がないもので・・・すみません（＾＾；）
9   名前： ｍｉｋｉ ： 2004/05/24 22:52
ありがとうございます。
テーブルであまり複雑なことしたことがないのでトライしてみます。
分からなければ、またよろしくお願いします。
一覧へ戻る