[返信する]
画像の横に文字について
By こば
2010-05-19 20:09:59
■■■■文字
■画像■文字
■■■■文字
■■■■文字
■画像■文字
■■■■文字

↑上のように画像の横に文字を入れたいのですが、画像を２つ以上にすると、↓下のように文字がズレてしまいます。なぜでしょうか？

■■■■文字
■画像■文字
■■■■文字
■■■■
■画像■
■■■■文字
文字
文字

タグはこうしています。
<img src="" align="left" />文字<br clear="all" /><br />
<img src="" align="left" />文字<br clear="all" />
F900iC
[編集]
By 匿名
2010-05-20 00:23:44
子ページで
<img src="#mtr●_url#" align="left" />文字<br />文字<br />文字<br clear="all" /><br />
<img src="#mtr●_url#" align="left" />文字<br />文字<br />文字<br clear="all" />
を試してみたところ(上記のまま全体レイアウト部に入力しました)、画像と画像の間に改行が入りましたが
■■■■文字
■画像■文字
■■■■文字

■■■■文字
■画像■文字
■■■■文字
という形になりました。
原因が他のタグにあるか、携帯の仕様の可能性もありますが、私が使っているのはauなのでドコモの仕様はわかりません。
テーブルタグで代用できると思いますので(推奨はできませんが)、そちらも試してみては？
CA003
[編集]
By こば
2010-05-20 08:37:55
ご返信ありがとうございます。

上と下の画像が同じだとOKなのですが、違う画像にすると、文字がズレてしまうのです。

他のホームページでは大丈夫なのに、ナノではできません。

とりあえず、色々試してみます。
F900iC
[編集]
By 匿名
2010-05-20 11:10:09
こば様のタグですと、私の機種では回り込みにすらなりませんでした。

<img src="画像URL" align="left" style="float:left;" />
文字<br />文字<br />文字<br />文字
<br clear="all" /><div style="clear:all;"></div>

<img src="画像URL" align="left" style="float:left;" />
文字<br />文字<br />文字<br />文字
<br clear="all" /><div style="clear:all;"></div>

で出来ました(見やすいようにわざと改行しています)。

参考スレ
link:m-pe.tv
link:m-pe.tv

ですが、画像の縦のサイズが文字の行数に足りないと、画像と画像の間に隙間が出来る場合も有ります。
どうしても気になる場合はテーブルタグを使えば解決すると思います。

▽追記

<br clear="all" /><div style="clear:all;"></div>
の回り込み解除部分ですが、エムブロFAQでは↓の様になってました。

<br style="clear:left;" clear="left" /><div style="clear:left;" clear="left"></div>

私の機種ではどちらも反映しましたが、他の機種はわかりません。
P01A
[編集]
By こば
2010-05-20 15:02:45
問題解決しました。

ありがとうございました。
F900iC
[編集]
[1-10表示]
[返信する]
[新規トピ]
[戻る]
無料HPエムペ！