質問 > その他 > 商品詳細画面サブイメージについて。 |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
hunterman |
投稿日時: 2010/4/23 4:09
対応状況: 確認中
|
一人前 登録日: 2010/3/14 居住地: 投稿: 78 |
Re: 商品詳細画面サブイメージについて。 ecbgさん、ありがとうございます。
ご指摘の通りに<table>や<td><tr><th>等で調整してみたのですが、 デフォルトの縦並びから一切変わりません。 いったい原因は何でしょうか? cssのfloat箇所なんかが間違っているのでしょうか? 助言の方お願い致します。 商品詳細tpl <!--▼サブコメントここから--> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}--> <!--{* <!--{if $arrProduct[$key] != ""}--> *}--> <div class="subarea"> <!--{* <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|escape}--></h3> *}--> <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}--> <!--拡大写真がある場合ここから--> <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{if $arrFile[$key].filepath != ""}--> <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br}--></div> <div class="subphotoimg"> <!--{if $arrFile[$lkey].filepath != ""}--> <ul><li> <a href="<!--{$arrFile[$lkey].filepath}-->" class="colorbox"rel="example1"> <!--{/if}--> <!--サブ画像--> <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|escape}-->" <!--{* width="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" height="<!--{$smarty.const.NORMAL_SUBIMAGE_WIDTH}-->" />*}--> <!--{if $arrFile[$lkey].filepath != ""}--> </a> </li> </ul> cssにて /* サブタイトル ----------------------------------------------- */ div.subarea { clear: both; width: 580px; 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 ul li { float: left; display: inline; width: 202px; } div.subphotoimg p { margin: 5px 0 0 0; text-align:right; } |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
商品詳細画面サブイメージについて。 | hunterman | 2010/4/22 8:35 |
Re: 商品詳細画面サブイメージについて。 | ecbg | 2010/4/23 1:17 |
» Re: 商品詳細画面サブイメージについて。 | hunterman | 2010/4/23 4:09 |