1:桐原

画像の右・左寄せ同時の表示方法

タイトルの通りなのですが、画像を同じ列で右端と左端に表示したいのですが、普通に右端や左端指示のタグつきで画像をはっても改行がされてしまい画像が同じ高さの場所に表示出来ません

どうすれば出来ますでしょうか?
[利用しているレンタルスペースは?]
エムブロ!のフリースペースを使っています
(W61H/au)
2008/7/21 18:49
9:削除済
2008/8/2 0:49
 
8:陵
>>yukai☆さん
補足ども
エムブロはDoCoMoではXHTMLなんですね…知らなかった(´・ω・`)
[利用しているレンタルスペースは?]
SAMEHA,mono,CROWT等々
(W51S/au)
2008/7/22 16:57
7:桐原
ありがとうございます

とてもわかりやすかったです


早速これで画像貼ってきます
本当にありがとうございました(深礼
[利用しているレンタルスペースは?]
エムブロ
(W61H/au)
2008/7/21 22:57
6:yukai☆
遅くなりました(^_^;)…陵さんありがとうございます。

>>3
ヤッパリ<div>を使われてましたか(^_^;)
>>4>>5で陵さんが指摘されている通りブロックレベル要素は改行されます。

>>4補足です
エムブロはdocomoがXHTMLなので、それだけでは不充分です(^_^;)

<img 〜略〜 style="float:left;" align="left" /><img 〜略〜 style="float:right;" align="right" />画像と画像の間に回り込ませる文章
<div style="clear:both;">ここから回り込み解除</div>

auはfloatプロパティに対応していないのでalign=""を省くと、逆にauが回り込まなくなります。

※質問の文章では、もしかしたら画像の間に文章は必要ないのかな(・_・;)?
文章が要らない場合は、イキナリ<div style="">で回り込み解除してください。


[利用しているレンタルスペースは?]
mono space、エムブロ等
(W41CA/au)
2008/7/21 22:46
5:陵
あっ!!
あと出来る限りalign="〇〇"のように""で囲むのを癖にした方が良いですよ
[利用しているレンタルスペースは?]
サメハ
(W51S/au)
2008/7/21 22:23
4:陵
なるほど
divはブロックレベルの要素なんで、改行されてしまいますね

なのでimgに直接alignを足すと良いかと
[利用しているレンタルスペースは?]
サメハ
(W51S/au)
2008/7/21 22:18
3:桐原
ご返答ありがとうございます

<div align=left>左に貼りたい画像</div><div align=right>右に貼りたい画像</div>

と、試してみました
どこか間違って居ましたらご指摘お願いします
[利用しているレンタルスペースは?]
エムブロ
(W61H/au)
2008/7/21 19:40
2:yukai☆
docomoかと思ったらauなんですね(・_・;)……

auだったら普通にalign=""だけ記述しても左右に配置できるハズなんですけど
(・_・;)

どういう記述をされたのか書き出した方が間違いの指摘などもできるのでいいと思いますよ。

改行されるという事は根本的に間違えているかと思います。
[利用しているレンタルスペースは?]
mono space
(W41CA/au)
2008/7/21 18:59