バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > サブテキストについてVer.2.1.2

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
hironobu70
投稿日時: 2008/8/2 23:32
対応状況: 確認中
新米
登録日: 2008/8/2
居住地:
投稿: 6
サブテキストについてVer.2.1.2
ただいまec-cubeを使って構築しています。

商品詳細のサブタイトルの幅をcssで600pxにしてテキスト欄も同じ幅600pxで揃えたいと思っています。ですが、tableタグをサブテキスト欄に書き込むと、tableタグに対してcssやhtmlなどで幅600pxに指定していますが指定通り表示されず、サブタイトルの600pxの幅に対してインデントされたように、左右に15pxぐらいの空白があいてしまい、tableの幅も570pxなどで書き出されてしまいます。

tableに対してmarginやpaddingを0にすると左詰めにはなりますが、幅600pxにはなりません。

main.cssにtableに対して指定している部分があったので、色々試しましたが結果は変わりませんでした。

分かりづらい説明かもしれませんが、かなり悩んでいます。
知恵を貸してください。お願いします。
nexthp
投稿日時: 2008/8/3 0:45
対応状況: −−−
半人前
登録日: 2008/8/2
居住地: 熊本
投稿: 21
Re: サブテキストについてVer.2.1.2
できればtplとcssの修正箇所を記載していただければ幸いです。
hironobu70
投稿日時: 2008/8/3 1:17
対応状況: −−−
新米
登録日: 2008/8/2
居住地:
投稿: 6
Re: サブテキストについてVer.2.1.2
書き込みありがとうございます。本当にうれしいです。

tplとcssの変更箇所や追加箇所ですが、tplは変更せずproducts.cssの

/* サブタイトル
----------------------------------------------- */
div.subarea {
clear: both;
width: 600px; ←ココ
padding: 30px 0 0 0;
}

div.subarea h3 {
width: 580px; ←ココ
font-size: 120%;
margin: 0 0 10px 0;
padding: 5px 10px;
background-color: #e4e4e4;
}

div.subtext {
float: left;
width: 365px;
}

div.subphotoimg {
float: right;
width: 202px;
}

div.subphotoimg p {
margin: 5px 0 0 0;
text-align:right;
}


上記の「←ココ」と記した部分以外何も変更していません。上記の変更を行いサブコメント欄にtableタグを幅600pxや幅100%にしページを見ても同様の症状で600pxに対し左右に15pxほどの空白があき、table自体は570pxほどで書き出されてしまいます。

ご返信頂けるとうれしいです。宜しくお願いします。
nexthp
投稿日時: 2008/8/3 1:31
対応状況: −−−
半人前
登録日: 2008/8/2
居住地: 熊本
投稿: 21
Re: サブテキストについてVer.2.1.2
tplの修正はどうでしょうか。

もし、この状態だけですとたぶん画像はtableの下に来る可能性があります。

tableをどこに記述されましたでしょうか?
hironobu70
投稿日時: 2008/8/3 1:43
対応状況: −−−
新米
登録日: 2008/8/2
居住地:
投稿: 6
Re: サブテキストについてVer.2.1.2
ご返信本当にありがとう御座います。

tplはサブコメントエリアは何も触っていません。変えたのはcssのそれらの幅のみになります。tableタグは、サブコメント(1)に書き込みました。また、サブ画像を試しに入れてみると、tableタグは左詰になり、そのtableに重なるように画像が表示されました。例えればcssのz-indexプロパティを用いたような状態です。

また、tableに対し左右15pxほどの空白は、tableが左詰めになったことで、右側に30pxの空白があいた状態です。

ご返信お待ちしております。宜しくお願いします。
nexthp
投稿日時: 2008/8/3 2:11
対応状況: −−−
半人前
登録日: 2008/8/2
居住地: 熊本
投稿: 21
Re: サブテキストについてVer.2.1.2
サブ画像はどこに置きたいのでしょうか?
hironobu70
投稿日時: 2008/8/3 2:14
対応状況: −−−
新米
登録日: 2008/8/2
居住地:
投稿: 6
Re: サブテキストについてVer.2.1.2
ご返信ありがとうございます!

サブ画像はサブコメント(1)では使用しません。サブコメント(1)以外では使用すると思います。

http://popstarlockstar.lolipop.jp/test01.gif

上記に現在の状態を画像でアップしております。

ちなみに、サブコメント(1)でサブ画像は配置しませんが、配置した場合は

http://popstarlockstar.lolipop.jp/test02.gif

宜しくお願いします。
nexthp
投稿日時: 2008/8/4 18:22
対応状況: −−−
半人前
登録日: 2008/8/2
居住地: 熊本
投稿: 21
Re: サブテキストについてVer.2.1.2
返事が遅くなりました。

一応、サブテキストのsmartyの|nl2brを取っ払って、tableタグ以下を一行で記述して
http://popstarlockstar.lolipop.jp/test01.gif

の状態にはなりました。が、やはりmarginかpaddingが引っかかっているみたいです。

そこでmain.cssのtable共通を見ると、ここで指定されているみたいですが、ここ以外にもどこか指定されているみたいです。

もうちょっと眺めてみます。なにぶん触り始めて間もないものですから。
nexthp
投稿日時: 2008/8/28 14:29
対応状況: −−−
半人前
登録日: 2008/8/2
居住地: 熊本
投稿: 21
Re: サブテキストについてVer.2.1.2
時間が空いてしまいましたが、いろいろ触っていた途中でこの項目の質問を思い出しましたので備忘録として掲載します。

tableが固定されることですが、
html/user_data/packages/default/css/under.css
の16〜18行目でdiv#undercolumn tableの固定がされていました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,865名です
総投稿数は109,999件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1295
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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