いつも大変お世話になっております。
この度、楽天市場の PC ページにてお買い物かごのカスタマイズをしております。
昨日、商品ページのお問い合わせリンクとレビューを書くリンクの間の空白を埋める方法をお伺いしたのですが、解決した後に抱いた疑問です。
お問い合わせリンクとレビューを書くリンクの間の空白をCSS で指定して埋めても、画像1の様にそれでも多少の空白が出来ますが、これは楽天市場の仕様によるものでこれ以上空白をなくす事は出来ないという理解で良いでしょうか?
また、組み合わせ販売設定をしている場合も同様に(画像2参照)多少の空白が出来ますが、これを指定で変える事は可能なのでしょうか?
以下、現在設定している CSS となります。
お手数をお掛け致しますが、ご回答の程お願い申し上げます。
-----ヘッダー・フッター・レフトナビに-----
<style>
/* お問い合わせの間の空白消しとカート周りのマウスオーバー設定 */
#rakutenLimitedId_aroundCart #serviceTableSml td {
height: 0 !important;
}
#rakutenLimitedId_aroundCart #serviceTableSml .review:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
</style>
-----以下、共通説明文(大)に-----
<style type="text/css">
td.favorite::before {
display: block;
content: "";
width: 490px;
height: 200px;
background: url(弊社画像) left bottom no-repeat;
}
body div.bookmarkArea {
padding-left: 0 !important;
}
body div.bkm{
width: 242px !important;
height: 90px !important;
padding-right: 5px !important;
}
body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display:inline-block !important;
width: 242px !important;
height: 80px !important;
background: url("弊社画像") no-repeat !important;
}
#rakutenLimitedId_aroundCart div.bkm {
float: left;
padding-bottom: 0 !important;
}
#rakutenLimitedId_aroundCart div.shopBkm {
float: left;
}
body #rakutenLimitedId_aroundCart div.shopBkm {
width: 242px !important;
height: 90px !important;
padding-left: 5px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
display:inline-block !important;
width: 242px !important;
height: 80px !important;
background: url("弊社画像") no-repeat !important;
}
#rakutenLimitedId_aroundCart font input {
width: 490px !important;
height: 55px !important;
background: url("弊社画像") no-repeat !important;
overflow:hidden;
border-width: 0px;
cursor: pointer;
display:block;
text-indent:150%;
margin: 0 !important;
}
body #rakutenLimitedId_aroundCart button.rAskBtn {
width: 490px !important;
height: 55px !important;
background: url("弊社画像") no-repeat !important;
overflow:hidden !important;
border-width: 0px !important;
cursor: pointer !important;
display:block !important;
text-indent:-9999px !important;
margin: 0 !important;
}
</style>
<style type="text/css">
/* 「レビューを書く」のリンクを独自画像に */
#rakutenLimitedId_aroundCart #serviceTableSml .review a.write{
text-indent:-9999px;
padding:0!important;
display:block;
width:490px!important;
height:330px!important;
background:url(弊社画像) no-repeat 0 0!important;
}
</style>