質問 > フロント機能 > モバイルサイトの商品一覧画面で画像を大きくしたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
NSX-R |
投稿日時: 2012/12/26 2:02
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
モバイルサイトの商品一覧画面で画像を大きくしたい いつもお世話になっております
モバイル版の商品一覧画面に画像が出るようにしました その画像を大きくしたいのですが <!--▼携帯にサムネイルを表示する ここから--> <center> <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"> <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}--> width=100%″ alt="<!--{$arrProduct.name|h}-->" ></a> </center> <!--▲携帯にサムネイルを表示する ここまで--> width=100%を書いても画像が大きくなりません どうしたら大きく出来ますでしょうか? アドバイスをお願います。 |
DELIGHT |
投稿日時: 2012/12/26 10:03
対応状況: −−−
|
仙人 登録日: 2010/2/3 居住地: 熊本県・九州・長野県・関東甲信越 投稿: 572 |
Re: モバイルサイトの商品一覧画面で画像を大きくしたい そのソースがコピペミスでないなら、
src属性の中にwidth=100%が含まれていませんか? style属性にCSSとして記述してはいかがでしょう。 style="width:100%"
|
NSX-R |
投稿日時: 2012/12/26 18:31
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
Re: モバイルサイトの商品一覧画面で画像を大きくしたい DELIGHT様
アドバイスどうもありがとうございます style属性に追加とはこんな感じで当たっていますでしょうか? それでも表示は変わりませんでした。 <!--▼携帯にサムネイルを表示する ここから--> <center> <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"> <div id="foo" style="width: 100%"> <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}--> ″ alt="<!--{$arrProduct.name|h}-->" ></a> </div> </center> <!--▲携帯にサムネイルを表示する ここまで--> もしかしてガラケーは画像の大きさは変わらないのでしょうか? |
DELIGHT |
投稿日時: 2012/12/26 18:51
対応状況: −−−
|
仙人 登録日: 2010/2/3 居住地: 熊本県・九州・長野県・関東甲信越 投稿: 572 |
Re: モバイルサイトの商品一覧画面で画像を大きくしたい 引用:
<div id="foo" style="width: 100%"> style属性はその要素にスタイルを適用するものですので、 上記のコードだとdiv要素の幅が100%になってしまいます。 style属性はスタイルを適用したい要素に追加してください。 <img src="〜" style="width: 100%;" /> またセミコロンを末尾に付けることを忘れないでください。 セミコロンで区切ることで複数のスタイルを適用できます。 「幅200px、高さを150px、5pxの黒い実線で囲む」スタイルを適用する例 <img src="〜" style="width: 200px; height: 150px; border:5px solid black;" />
|
NSX-R |
投稿日時: 2012/12/26 21:49
対応状況: −−−
|
長老 登録日: 2012/12/14 居住地: 投稿: 234 |
Re: モバイルサイトの商品一覧画面で画像を大きくしたい DELIGHT様
いつもアドバイスをありがとうございます おかげ様で無事表示させることができました。 CSSも勉強したいと思います。 今後ともどうぞよろしくお願いいたします。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |