ヤフーショッピング画像横並びが出来ない

Question

いつもお世話になります。

ヤフーショッピングのページ作成についてお尋ねします。

スマホ用のフリースペースの
ページ下に
商品のカテゴリー一覧に飛ぶボタンを横並びに二つ付けたいのですがうまくいきません。



 
  
   





80cm 収納飾り 



  


 





60cm 収納飾り

  





一覧に飛ぶボタンは700×700で作ってある為そのままでは大きくなってしましました。
縮小をしようと思い画像の後ろにwidth="150"height="150
を付けました。
そしたら画像は小さくなるのですがうまく横並びになりません。

１枚目の写真が今の状態です。
２枚目の写真の様にしっかりと横並びに並べたいです

何が間違っているのでしょうか？教えてください。###HR######IMG0270352e0873c074cb492e5f5ec92179e.pngIMG0### ###IMG105303fc7d929c0392037d1c4fc240b60.pngIMG1###

Answer

ECマスターズの田中です。


の直上にて、
との間にタグが記載されておりますが、
表のセルを表すタグの間にタグが挟まる形となり、
HTMLとして文法違いとなりますので、
直前のタグとも高さが合うように、






のように、タグ２つを下に移動していただきますようお願いします。

また、
width="150"height="150"
の表記に関してですが、
固定した数字で指定してしまうと、
大きいサイズのスマホでは隙間が大きくできてしまいますので、

width="100%"

として、タグのサイズに任せるようご指定願います。
（heightの指定は不要です）

以上修正しても改善されない場合は、
ソース先頭のtableタグにて、

style="table-layout:fixed;"

の指定を加えて、セルの幅が均等になるよう指定を加えて
表示をご確認いただきますようお願いします。

Answer

早速のご返信ありがとうございます。

以下で設定しましたがやはりうまく横並びになりません。
style="table-layout:fixed;"
はどこに入れればいいでしょうか？










80cm 収納飾り 











60cm 収納飾り







初心者のため、申し訳ありません。ご返信お願いします

Answer

ECマスターズの田中です。

失礼しました、
80cmと60cmで、の数に違いがある部分が他にございました。

60cmの部分にて、
width="100%">の直後にある  を削除の上、

Answer

ありがとうございました。
無事、綺麗に横並びに画像がはめられました。
感謝いたします。

ヤフーショッピング 画像横並びが出来ない

ヤフーショッピング画像横並びが出来ない