• 文字サイズ


解決済

Yahoo!ショップのTOPページデザインについて(HTML)

  • 相談者:非公開
  • 2021/08/30 19:35
いつもお世話になっております。

Yahoo!ショップのTOPページデザインなのですが、
いつからか形が崩れてしまっていて
分かる範囲で修正を試みたのですが直せませんでした。

こちらがそのコードなのですが、

ーーーーーーーーーーーー
<div align="center">
<table border="0">

<tbody><tr><td><a href="https://topics.shopping.yahoo.co.jp/campaign/points/pointx5/">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/aka.gif" alt="5の付く日" width="100%" height="auto" border="0"></a></td>

<td><a href="https://topics.shopping.yahoo.co.jp/campaign/points/premium/">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/dkd.gif" alt="ポイント還元" width="100%" height="auto" border="0"></a></td></tr>

</tbody></table>


<br>

<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/coupon10.png" alt="クーポン説明バナー" width="100%" height="auto" border="0">



<table border="0">

<tbody><tr><td><a href="https://shopping.yahoo.co.jp/coupon/others/blloaDM3M001TlYwJmFzYSYxNjIyNDQ5Nzcx">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/coupon01.jpg" alt="350円クーポン" width="100%" height="auto" border="0"></a></td>

<td><a href="https://shopping.yahoo.co.jp/coupon/others/a2Z6R2pDd05Tc0JYJmFzYSYxNjIyNDQ5ODY0">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/coupon02.jpg" alt="750円クーポン" width="100%" height="auto" border="0"></a></td></tr>

<tr><td><a href="https://shopping.yahoo.co.jp/coupon/others/WWJ6NmtVcVZna3IyJmFzYSYxNjIyNDQ5OTYx">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/coupon03.jpg" alt="1000円クーポン" width="100%" height="auto" border="0"></a></td>

<td><a href="https://shopping.yahoo.co.jp/coupon/others/YmhtUXR1RWFNNjMyJmFzYSYxNjIyNDUwMDAx">
<img src="https://shopping.c.yimg.jp/lib/SHOP-URL/coupon04.jpg" alt="1500円クーポン" width="100%" height="auto" border="0"></a></td></tr>

</tbody></table>

</div>



<br>




<p style="margin:0; line-height:0;"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/imgrc0098453442.jpg" alt="グルテンフリーとは?" width="736" height="530" /></p>
<p style="margin:0; line-height:0;"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/kodawari.jpg" alt="グルテンフリーとは?(2)" width="736" height="790" /></p>




<div style="font-size:15pt;color:#cc6666;
filter:Blur(add=0, direction=180,strength=4);width:100%;">
商品ラインナップ
……………………………………………………………………………………
</div>




<ul style="margin:0; padding:0;" class="clearfix">

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/yg1vxcbxgywgfor1614678244_1614678255.jpg" alt="米粉プリン" width="736" height="302"/></a></li>
<br>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/rimeiku-big.jpg" alt="あい鴨ロースト" width="736" height="302"/></a></li>
<br>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/amatake.jpg" alt="サラダチキン" width="736" height="302"/></a></li>
<br>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/risaizu.jpg" alt="東京クッキー" width="736" height="302"/></a></li>

<br>



★★★
<li style="list-style:none; line-height:2; float:left;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html?sc_i=shp_pc_search_itemlist_shsrg_img"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnr001.jpg" alt="グルフリクッキーミックス" width="360" height="195" /></a></li>

<li style="list-style:none; line-height:2; float:right;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnr002.jpg" alt="まんぷくナッツのグルフリクッキー" width="360" height="195"/></a></li>

<li style="list-style:none; line-height:2; float:left;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnr003.jpg" alt="グルフリサブレ" width="360" height="195"/></a></li>

<li style="list-style:none; line-height:2; float:right;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnr004.jpg" alt="グルフリベイク" width="360" height="195"/></a></li>

<li style="list-style:none; line-height:4; float:left;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnr006.jpg" alt="グルフリクッキー ブラックペッパー" width="360" height="195"/></a></li>

<li style="list-style:none; line-height:4; float:right;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html?strcid=c6f9&p=%E3%83%AD%E3%83%BC%E3%82%B9%E3%83%88%E3%83%93%E3%83%BC%E3%83%95#CentSrchFilter1"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/ro-bi-.jpg" alt="ローストビーフ" width="360" height="195"/></a></li>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/imgrc0121416897.jpg" alt="手渡しギフトセット" width="736" height="302"/></a></li>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnrl002.jpg" alt="まとめ買い" width="736" height="233"/></a></li><br>

<li style="list-style:none; line-height:4;"><a href="https://store.shopping.yahoo.co.jp/SHOP-URL/ITEM-URL.html"><img src="https://shopping.c.yimg.jp/lib/SHOP-URL/recommend-bnrl003.jpg" alt="マナイコスメ" width="736" height="233"/></a></li>

</ul>

</div>

ーーーーーーーーーーーー

この中のグルフリクッキーミックスの部分(★★★←の所から)
から2列に配置していたはずが、
いつの間にか3列に代わっていて、少しガタガタな配列となってしまってます。
ちなみにPC版のデザインになります。

申し訳ないですが、修正方法をご教授頂けないでしょうか?
宜しくお願い致します。
キーワード:Yahoo!ヤフーTOPページデザインHTML
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2021/08/31 14:00
ECマスターズの伊藤です。

> この中のグルフリクッキーミックスの部分(★★★←の所から)
> から2列に配置していたはずが、
> いつの間にか3列に………(省略)………
このフォーラムへの質問は終了しました