- ベストアンサー
画像を縦にそろえて表示させる方法とは？
- 画像を縦にそろえて表示する方法をご教示ください。
- リストボックスの中身を「△」（1up.gif）「▽」（1down.gif）で入れ替えるために、画像を縦に並べたいですがうまく表示できません。
- 現在のHTMLソースで「▽」ボタンがリストボックスの下の行に配置されてしまいます。どのように修正すればいいでしょうか？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
知恵とか難しいことを考えず、 単純にTABLEで作れば良いだけじゃ…？ 例えばこんな感じに。↓ <body> <hr align="left" width="100%" SIZE="5"> <table> <tr> <td rowspan="2"> <select size="15" name="Listbox1" style="WIDTH:200px" multiple></select> </td> <td> <IMG src="../images/1up.gif"> </td> </tr> <tr> <td> <IMG src="../images/1down.gif"> </td> </tr> </table> <hr align="left" width="100%" SIZE="5"> <div align="left"> <IMG src="../images/Set.gif" </body> まぁ、他にも同じように表示させる方法は他にも考えつきますが、 TABLEで作っておけば、ブラウザの横幅を小さくしても形が崩れないので、上記あたりが適当かと思います。
その他の回答 (1)
<body> <div style="float:left; width:210px"> <select size="15" name="Listbox1" style="width:200px;" multiple="multiple"></select> </div> <div> <img src="../images/1up.gif" alt="↑" /><br /> <img src="../images/1down.gif" alt="↓" /> </div> </body> 記述は一例です。（XHTML1.1、不要な部分は省略） ついでにアドバイスですが、もう少しHTMLの文法とスタイルシートついて勉強されたほうが今後の制作が楽だと思います。
お礼
uriboarさん、回答ありがとうございます。 参考先の資料も昨日今日はじめた自分にとってありがたいものです。 活用させていただきます。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
jun-nsさん、判り易い回答ありがとうございます。 テーブルの理解と、目的を満たすことができました。