質問 > フロント機能 > サブテキストについて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の固定がされていました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |