• 文字サイズ
質問中

商品ページバナー設定について

  • 相談者:非公開
  • 2019/12/19 17:25
お世話になっております。
龍田貿易でござます。

商品ページのバナー設定についてご回答をお願いします。

添付している画像のマルでかこんでいるところのように
細長い青い部分のバナーの横の長さと、四角の商品ページの長さを同じ長さの表示にしたいのです。

下記URL等ですが、%部分を90%にすると短くなり、100%にすると長くなります。
どのようにしたらいでしょうか?

なお、お手数ではございますがご返信の際は、下記修正後の全体のURL等のご返信でお願いします。
(そのまま貼れる状態でご返信お願いします。)

--------------------------------------
<center><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/topsyasai.jpg" border="0" width="90%">
<table>
<tr valign="top">
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc016-03.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc012-01.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc011-01.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc017-03.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc024-2.jpg" height="200px"width="200px"></a></td></tr>

<tr valign="top">
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/imgrc0096728240.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc002-01.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhc025-1.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/06905520/syasaiwaiyaresu/lhc027/lifehiroba_lhc027.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ " target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/06905520/syasaiwaiyaresu/lhc026/lhc026-01.jpg" height="200px"width="200px"></a></td>
</tr></table>

<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/kairobanner.jpg" border="0" width="90%">
<table>
<tr valign="top">
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/kairo/kairo01/kairo01-01.jpg" height="200px"width="200px"></a></td>
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/kairo/kairo02/kairo02-01.jpg" height="200px"width="200px"></a></td>
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/kairo/kairo03/kairo03-01.jpg" height="200px"width="200px"></a></td>
</tr></table>



<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/banababy.jpg" border="0" width="90%">
<table>
<tr valign="top">
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/gio_new_main.jpg" height="200px" width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/imgrc0096728280.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/circle_r_s1.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/door_simg1.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/magacirclerssgai-8.jpg" height="200px" width="200px"></a></td></tr>
<tr valign="top">
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/magawide4-120-200.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/magaw5-140-250.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/magaw6-140-300.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/magamihoroiel140-200.jpg" height="200px"width="200px"></a></td>
<td width="10"></td>
<td width="20%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/scstand_simg1.jpg" height="200px"width="200px"></a></td>
</tr></table>


<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/banacablesen.jpg" border="0" width="90%">
<table>
<tr valign="top">
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhm001-01.jpg" height="200px" width="200px"></a></td>
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/lhm002-02.jpg" height="200px" width="200px"></a></td>
</tr></table>


<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/banakuki.jpg" border="0" width="90%">
<table>
<tr valign="top">
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/ible01.jpg" height="200px" width="200px"></a></td>
<td width="10%"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/" target="_blank">
<img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/yuudou/airvida_m1_main.jpg" height="200px" width="200px"></a></td>
</tr></table>       
</center>

--------------------------------------
何卒よろしくお願いいたします。
投稿内容について報告する



  • 返信者:非公開
  • 2019/12/19 19:36
ECマスターズの伊藤です。

> 下記URL等ですが、%部分を90%にすると短くなり、100%にすると長くなります。
> どのようにしたらいでしょうか? ………(省略)………
  • 返信者:非公開
  • 2019/12/20 16:18
ECマスターズの伊藤です。


> なお、お手数ではございますがご返信の際は、下記修正後の全体のURL等のご返信でお願いします。
> (そのまま貼れる状………(省略)………