質問: 画像を縦に4つ並べたい場合 2カラムのレイアウトのページを作成しています。 左にメニューを持ってきたいため、アイコン画像を縦に4つ並べたいです。 現在は ! ↑これを4つ書いています。 テーブルタグを使うと便利だと思ったのですが、レイアウト目的でテーブルを使うのはあまりよくないと聞きました。 また、画像と画像の間に10px位のスペースを空けたいです。(brは使いたくありません) よい方法があれば教えていただけませんでしょうか。 何卒よろしくお願いします(>_<)
回答: スタイルシートに ul{ list-style-type:none; margin:0px; padding:0px; } li{ margin:0px; padding:0px; } htmlに * !a * !b * !c * !d こんな感じでどうでしょうか。 画像の間隔はmarginの値で調節できます。 例なのでリストのタグ全体にスタイルシートが効いていますが、実際にはclass指定するとかしてください。 ただ、この場合隙間無く画像が並ぶはずなのですが、私の環境では隙間が開いてしまったので、もう少し突き詰めてみないといけないですが・・・。