質問 > フロント機能 > スマートフォンサイトのカテゴリブロックのプラスマークとカテゴリ名の位置の調整 |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
chiyodaku |
投稿日時: 2013/10/7 15:40
対応状況: −−−
|
常連 登録日: 2013/3/19 居住地: 投稿: 38 |
スマートフォンサイトのカテゴリブロックのプラスマークとカテゴリ名の位置の調整 いつもお世話になっております。どうか宜しくお願いいたします。
スマートフォンサイトのカテゴリブロックにあります“丸みを帯びた正方形で囲まれたプラスマークとマイナスマーク”の位置を上に上げてその横どなりにあるカテゴリ名と同じ位置に配置するように調整しようとして、sphone/css/block.css内にある以下の記述を変更して試しておりますが、希望どおりの配置には至りません。 どうしたら、その“丸みを帯びた正方形で囲まれたプラスマークとマイナスマーク”の位置を上にあげられるか、あるいは、その横隣のカテゴリ名を下にさげられるか、どなたかお教えいただけませんでしょうか。 .category_header.plus, .category_header.minus { color: #FFF; margin: 0 19px 6 8px; padding-bottom: 2px; display: inline-block; text-align: center; line-height: 0.4; width: 1.3em; height: 1.3em; -webkit-border-radius: 8px; background: #515866; background: -moz-linear-gradient(center top, #3366FF 0%,#3366FF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3366FF),color-stop(1, #3366FF)); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.7); -webkit-border-radius: 3px; } [EC-CUBE]2.12.5 [レンタルサーバ]ファーストサーバ [OS]Linux [PHP]5.3.13 [データベース]MySQL 5.0.67 [WEBサーバ]Apache |
patapata |
投稿日時: 2013/10/7 18:13
対応状況: −−−
|
仙人 登録日: 2010/7/7 居住地: 神奈川県 投稿: 502 |
Re: スマートフォンサイトのカテゴリブロックのプラスマークとカテゴリ名の位置の調整 reset.cssで設定されているvertical-align: baseline;が適用されて該当の位置で表示されているようですので、
以下の場所にvertical-align: middleの設定を追加すれば治るかと思います。 block.css (デフォルトなら263行目付近) #categorytree ul li a, .categorytree > ul > li > ul > li a { padding: 0.6em 0; vertical-align: middle; } なんか・・・バグっぽいね。 |
chiyodaku |
投稿日時: 2013/10/8 15:12
対応状況: −−−
|
常連 登録日: 2013/3/19 居住地: 投稿: 38 |
Re: スマートフォンサイトのカテゴリブロックのプラスマークとカテゴリ名の位置の調整 patapata様
お世話になっております。 ご連絡頂きましてありがとうございます。 見事に解決いたしました。 すごいです。 かなりの時間をかけたにもかかわらずわからずじまいでしたので、 本当に感謝いたします。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |