■大きさの違う画像を横一列に並べる際の下揃え

#1[名無しさん] []
検索しましたが似たような内容の記事が無かったので質問させて下さい。
大きさの異なったアイコン画像を横一列に並べると、高さが中央合わせになってしまうのですが、画像の下を揃えて表示させることは出来るのでしょうか。
色々なタグのサイトを確認しましたが何処にも載っておらず…bottomタグを調べてみましたがお手上げでした。テーブルを使用しなくてはできない表示なのでしょうか?
もし画像下揃えのタグがありましたら、どうかご回答お願いします。

13-06-20 19:55
IS11SH(dfa6…)
#2[mahiro⌒☆] []
属性はあっていますか?
valign="bottom"
または、
style="vertical-align:bottom;"
です。
<table cellpadding="0"><tr valign="bottom" style="vertical-align:bottom;"><td>画像</td><td>画像</td></tr></table>

13-06-20 20:09
PC
#3[名無しさん] []
ご回答ありがとうございます!とても助かります!
早速試してみたいのですが、タグは
<画像コード valign="bottom">のような形でよいのでしょうか?属性や基本的なことが分からず大変ご迷惑お掛けします…。

13-06-20 20:38
IS11SH(dfa6…)
#4[mahiro⌒☆] []
テーブルを使わなければ、
画像コード画像コードで下揃え(デフォルト)になりますよ。
 
画像の横に文字を下揃えにする時は、valign="bottom"でなくalign="bottom"になるん(でも可)だけど、スマートフォンは厳格なブラウザなので表示されないのかも知れませんね。
色々と試してみて下さい。

13-06-20 20:56
PC
#5[名無しさん] []
重ね重ねありがとうございます!
画像コードを並べただけで中央揃いになってしまったんですが、他の携帯で下揃いになっているか確認してみようと思います!
素早い反応をありがとうございました。教えて頂いたものを色々試してみようと思います!

13-06-20 21:08
IS11SH(dfa6…)
#6[mahiro⌒☆] []
そう云えばdocomoのガラケーは中央揃えだった様な気がしますし、>>2テーブルタグを利用しましょう。
cellpadding="1"で固定の機種もあるので画像同士に隙間が空く時は諦めらめましょう。

13-06-21 20:15
PC
#7[名無しさん] []
そうでしたか…、ご親切にありがとうございました!見る機種によって違うようでしたら、>>2テーブルタグをお借りしようと思います!
13-06-21 23:49
IS11SH(dfa6…)
←*前|次#→

セコメント
~トピック