• 文字サイズ


解決済

項目選択肢のカスタマイズで、項目名が縦方向中央位置に来ない

  • 相談者:非公開
  • 2016/08/05 17:30
お世話になっております。

先ほど質問した内容の続きです。
2つに渡り、申し訳ございません。

項目選択肢を、以前のフォーラムにあったものを参考にし、ほぼ作成できました。
ですが、項目名がなぜか少し上よりに表示されてしまい、
縦方向の中央位置に来ません。

下記、共通説明文(大)テンプレートの該当箇所です。
お手数おかけしますが、よろしくお願いいたします。


↓↓↓ 以下、共通説明文に登録している内容です。 ↓↓↓

<style type="text/css">
/*7.項目選択肢、名前部分の背景色と文字色、大きさを変更
***************************************/
select[name="choice"]{
height:30px;
border-radius: 5px;
}

.choice{
display:block;
margin:10px 0px 7px 0px;
border-style:none;
background-image:url("画像url");
background-repeat:no-repeat;
background-position:right center;
width:400px;
height:30px;
padding:15px 0px 0px 15px;
}

div#rakutenLimitedId_aroundCart table tr td span.choice {
display: block;
font-size: 16px; /* 文字の大きさ */
color: #2D170F; /* 文字色 */
vertical-align: middle; /* 文字位置(水平) */
text-indent: 10px; /* 行頭に入れるスペースの幅 */
width: 450px; /* 全体(背景色が適用される部分)の幅 */
margin: 15px 0 0 0; /* 周りの要素との間隔(上・右・下・左方向) */
padding: 4px 0; /* 内側の余白の幅(上下方向・左右方向) */
}
</style>
投稿内容について報告する

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

  • 返信者:非公開
  • 2016/08/05 19:20
ECマスターズの田中です。

「.choice」において、
高さは30ピクセルに設定されているものの、
一行あたりの高さが指定されていないため、
自動………(省略)………
  • 返信者:非公開(質問者)
  • 2016/08/05 21:13
ご回答ありがとうございます。
見事に中央に配置されました。

いつも迅速なご回答、ありがとうございます。………(省略)………
このフォーラムへの質問は終了しました