バージョン選択

フォーラム

メニュー

オンライン状況

25 人のユーザが現在オンラインです。 (15 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 24
ayatkhan もっと...

サイト内検索

質問 > フロント機能 > 詳細メインコメント欄の表示について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
Adondevas
投稿日時: 2011/7/3 18:33
対応状況: −−−
常連
登録日: 2011/6/7
居住地:
投稿: 52
詳細メインコメント欄の表示について
詳細メインコメントで、下記のようにテーブルの幅を設定しても反映されません。

<TABLE width="480" border="0" cellspacing="0" cellpadding="0">

また、各テーブルの縁が細い線として表示されてしまいます。

この状況を改善することはできますでしょうか。
kobakura
投稿日時: 2011/7/3 18:54
対応状況: −−−
一人前
登録日: 2011/6/10
居住地:
投稿: 106
Re: 詳細メインコメント欄の表示について
ご利用のVer.がわからないのではっきりとしたことは言えませんが,TABLEタグはCSSで変更可能ですよ。
初期ではTABLEを使用するとすべてラインがはいるようになっていると思います。線の太さも色もCSSで変更されてみてください。
Adondevas
投稿日時: 2011/7/4 9:19
対応状況: −−−
常連
登録日: 2011/6/7
居住地:
投稿: 52
Re: 詳細メインコメント欄の表示について
ご返信ありがとうございます。

EC-CUBE 2.11.1 です。
現在、試してみたことは下記の通りです。

/html/user_data/packages/r1/css/contents.css  /* 2カラム用 */末尾に下記を追加
#two_maincolumn_left div.maincommentbloc , 
#two_maincolumn_right div.maincommentbloc {
     float: right;
     width: 70%; }



/html/user_data/packages/r1/css/contents.css  を下記の通りに変更
div#detailrightbloc .main_comment {
	margin-bottom: 20px;
	color: #666;
}
 を
div#maincommentbloc .main_comment {
	margin-bottom: 20px;
	color: #666;
}
 に変更



/data/Smarty/templates/r1/products/detail.tpl  を下記の通りに変更
            <!--★詳細メインコメント★-->
            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
 を
            <!--★詳細メインコメント★-->
        </div>
    </div>
</div>
        <div id="maincommentbloc">
            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
        </div>
<div id="undercolumn">
    <div id="detailarea" class="clearfix">
        <div id="detailrightbloc">
 に変更



「 div#maincommentbloc .main_comment { 」の設定を変えてみるとサイトに反映されるのが確認できるのですが、

#two_maincolumn_left div.maincommentbloc ,
#two_maincolumn_right div.maincommentbloc {
float: right;
width: 70%;
}

上記の部分の設定を変えてもサイトに反映されていないようです。



引用:

初期ではTABLEを使用するとすべてラインがはいるようになっていると思います。線の太さも色もCSSで変更されてみてください。


どの部分をカスタマイズすればよいのでしょうか。


kobakura
投稿日時: 2011/7/4 11:14
対応状況: −−−
一人前
登録日: 2011/6/10
居住地:
投稿: 106
Re: 詳細メインコメント欄の表示について
私が使用しているVer.とは違うので、はっきりと断言できませんが、

/html/user_data/packages/default/css/table.css

ファイルを変更修正すればできると思います。
Adondevas
投稿日時: 2011/7/4 14:01
対応状況: −−−
常連
登録日: 2011/6/7
居住地:
投稿: 52
Re: 詳細メインコメント欄の表示について
ご返信ありがとうございます。

/html/user_data/packages/default/css/table.css に下記を追加しました。

/* 詳細メインコメント
----------------------------------------------- */
div#maincommentbloc table {
    border-top: none;
    border-left: none;
    width: auto;
    text-align: center;
}
div#maincommentbloc table th {
    border-right: none;
    border-bottom: none;
    width: auto;
}
div#maincommentbloc table td {
    border-right: none;
    border-bottom: none;
    width: auto;
}


しかし、なぜか下記のカスタマイズのみサイトに影響を与えていません。

/html/user_data/packages/r1/css/contents.css  /* 2カラム用 */末尾に下記を追加

#two_maincolumn_left div.maincommentbloc ,
#two_maincolumn_right div.maincommentbloc {
    float: right;
    width: 70%;
}


maincommentbloc そのものは有効に認識されているようですが、この

float: right;
width: 70%;

が有効ではないようです。

何がいけないのかわからずに行き詰っております。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は72,333名です
総投稿数は101,703件です

投稿数ランキング

1
seasoft
7333
2
468
3037
3
AMUAMU
2712
4
nanasess
2157
5
umebius
2011
6
yuh
1612
7
red
1452
8
h_tanaka
1088
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.