• 文字サイズ
解決済

複数商品登録ページのお気に入りボタン配列について

  • 相談者:非公開
  • 2016/03/25 14:15
お世話になります。
複数商品登録(カテゴリーページの買い物ボタン付き)ページの
お気に入り登録ボタンとお気に入りショップ登録ボタンが、どうしても
横ならびになりません。
ご指導いただけないでしょうか。

ちなみに、スタイルシートの 二つのボタンを横並びにする のwidthは
420px~435pxまで試行しましたが、ダメでした。



/* お気に入り商品登録画像変更 */
body #rakutenLimitedId_aroundCart div.bkm{
width: 210px !important;
}
body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
width: 210px !important;
height: 169px !important;
background: url(http://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0071857317.gif) no-repeat 0 0 !important;
}
body div.bookmarkArea div.bkm a.addBkm {
width: 210px !important;
height: 169px !important;
}

/* お気に入りショップ登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
width: 210px !important;
padding-left: 0px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
width: 210px !important;
height: 169px !important;
background: url(http://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0071857318.gif) no-repeat 0 0 !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm {
width: 210px !important;
height: 169px !important;
}

/* 2つのボタンを横並びにする */
body #rakutenLimitedId_aroundCart #serviceTableSml td.favorite { width: 430px !important; }
body #rakutenLimitedId_aroundCart #serviceTableSml td.favorite > div { display: inline-block; }
投稿内容について報告する



  • 返信者:非公開
  • 2016/03/25 15:11
ECマスターズの田中です。

通常の商品ページと複数商品登録ページでは、
HTMLの構造が異なっているため、
/* 2つのボタンを横並びにする */ 部………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/25 17:33
田中様

ご連絡ありがとうございます。
横並びにはなりました。が、左右段差ができます。

どうしたものでしょうか。………(省略)………
  • 返信者:非公開
  • 2016/03/25 18:08
ECマスターズの田中です。

それでは、各バナーを囲む<div>タグに、
「vertical-align: top;」の指定を加えていただいてはいかがでし………(省略)………
  • 返信者:非公開(質問者)
  • 2016/03/25 18:28
田中様

素晴らしいです。
キチンと横並びにできました。
感謝いたします。………(省略)………