質問: クーポンや、他の関連画像の配列を正しくレイアウトしたい。 いつもお世話になっております。ヤフーショップのtopページはクーポンや画像の配列がうまくいきません。どうすれば正しくレイアウトできますか?宜しくお願い致します。https://store.shopping.yahoo.co.jp/auroraweb3/
回答: ecマスターズの伊藤です。> ヤフーショップのtopページはクーポンや画像の> 配列がうまくいきません。どうすれば正しくレイアウトできますか?こちらのクーポンの配置は、tableタグをご利用して設置して頂いておりますでしょうか。確認させていただきましたところ、tableタグが正しく記述されていないようでした。tableタグの基本は、下記の通りとなっております。コンテンツはかならず、ここに記述します=============コンテンツは必ずここにはいる=============以下の箇所に記述すると、表示が崩れてしまいます。=============※ここに記述すると崩れます※ここに記述すると崩れます※ここに記述すると崩れます※ここに記述すると崩れます=============今回の場合は、一部が下記の通りとなっていたため、表示崩れが発生していました。=============ここに記述されていましたtrがなくtdが始まっていました=============また、colspan → 横の連結rowspan → 縦の連結となっています。今回の配置ですと、横3列を連結縦2列を連結 クーポン クーポン クーポン クーポンとなるため、colspan="3"rowspan="2"の順で配置する必要がございます。上記を踏まえまして、改めてhtmlを記述しますと、下記の通りとなります。============ ============