[返信する]
"画像の横に文字"のタグについて
By Ｒe
2011-04-26 00:17:49
「画像 横 文字」の検索結果と、主に
link:m-pe.tv
のスレを参考に下記のような感じのレイアウトを作ろうとしたのですが、疑問が生じまして質問に来ました。
もし既出でしたら申し訳ありません。参考スレ等教えて頂ければ助かります;

以下の様に、小さい画像と文字を組み合わせて左右に配置し、対談のようにしたいのですが…

↓全て左寄せ
━━━━━━━━━━━━━━━
■■■■
■画像■
■■■■名前
台詞台詞台詞台詞台詞…

　　　　　　　　　　　■■■■
　　　　　　　　　　　■画像■
　　　　　　　　　名前■■■■
台詞台詞台詞台詞台詞…
━━━━━━━━━━━━━━━
こちらは名前と画像だけ右寄せ↑


これを繰り返して対談のような形にしたいのですが、名前を画像の下部に揃えるには回り込みのタグ内で改行をするしかないのでしょうか？
その場合、やはり機種によってズレが生じますよね…？

現在は以下のようなタグを使っています

▼左側
<img src="#mtr素材番号_url#" align="left" style="float:left;" /><br /><br /><br /><font color="#カラーコード">名前</font><br />台詞台詞台詞台詞…<br clear="all" /><div style="clear:all;"></div>

▼右側
<div style="text-align:right" align="right"><img src="#mtr素材番号_url#" align="right" style="float:right;" /><br /><br /><br /><font color="#カラーコード">名前</font></div>台詞台詞台詞台詞…<br clear="all" /><div style="clear:all;"></div>

<br />の続いている部分で調節をしている感じです。

また、回り込む部分は名前だけなので回り込み解除は名前の後が良いのでしょうか？迷った挙げ句に台詞の後に置いています;

ちなみに小説機能で、HEAD・HTML詳細には何も記述していません。
間違い等ありましたらご指摘･ご教授の程お願い致します
S001
[編集]
By 匿名
2011-04-26 00:41:20
＞回り込む部分は名前だけ
一行なら、何も無理矢理回り込ませなくてもいいように思えますが…。

左
<img src="" />名前<br />台詞…<br />

右
<div align="right" style="text-align:right;">名前<img src="" /></div>台詞…<br />

こんな感じにしてみてはどうでしょう？
pc
[編集]
By Ｒe
2011-04-26 02:00:43
匿名さま

あ、有難うございました…！
言われた通りに記入したら出来ました
お手数お掛けしてすみません…てっきり画像の横に文字を入れるには回り込ませないといけないものだと思い込んでおりました;
本当に助かりました、有難うございました…っ
S001
[編集]
[1-10表示]
[返信する]
[新規トピ]
[戻る]
無料HPエムペ！