[リストへもどる]
一括表示
タイトル画像について
記事No6780
投稿日: 2006/04/10(Mon) 11:33
投稿者素人
商品一覧写真の掲載をしたら、画像が縦に伸びたような写真になってしまいます。デザイ
ン設定で50、100など色々と変更しましたが、うまいように変更できません。この場
合どのようにしたらよいのでしょうか?教えてください。宜しくお願いします。

タイトルRe: 画像について
記事No6782
投稿日: 2006/04/10(Mon) 11:35
投稿者al
参照先http://mitsuki.biz
設定を変更したあと再度画像をアップしなければ
更新されないようです。

あと、どのテンプレートをお使いか書かれた方が
よろしいかと。

タイトルRe^2: 画像について
記事No6783
投稿日: 2006/04/10(Mon) 11:42
投稿者素人
ありがとうございます。
私はシンプル(レッド)のテンプレートを使っています。
設定を変更する毎に画像も再度アップしているのですが、何度やっても画像が縦に伸びてしまいます。
等倍に拡大・縮小が出来る方法があれば、教えてください。お願いします。

タイトルRe^3: 画像について
記事No6786
投稿日: 2006/04/10(Mon) 12:12
投稿者al
参照先http://mitsuki.biz
シンプルは100x100pxに固定して表示させるようになっている
みたいですね。しかも、商品画像の上にリンク用の100x100pxの
透明画像がのっているみたいですから修正が大変かも。

基本的には一覧用の画像が100x100以下になるように設定して

以下のように共通のCSSを編集してみてはいかがでしょう
/* ************************************************
* コンテンツ共通
* ************************************************ */

/* -------------------------------------
* 100px×100pxの縮小画像表示
* ※トップ及びサブカテゴリー表示時に使用
* ------------------------------------- */
.item_box {
text-align: center;
padding-bottom: 10px;
width: 120px;
float: left;
}

.item_thumbnail {
margin: 0px 0px 5px 10px;
width: 100px;
overflow: hidden;
position: relative;
}

.item_thumbnail img {
width: 100px;
}

.item_frame {
border: 0px;
width: 100px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}


height: 100px;を消しただけです。

タイトルRe^4: 画像について
記事No6787
投稿日: 2006/04/10(Mon) 12:31
投稿者素人
ありがとうございます。
早速やってみました。
おかげさまで先ほどの問題は解決しました。
でも・・・今度は画像がぼけてしまったのですが、それは何か解決策はありますか?
色々とすみませんが、もしお分かりでしたら教えてください。
お願いします。

タイトルRe^5: 画像について
記事No6788
投稿日: 2006/04/10(Mon) 13:40
投稿者素人
さきほどの問題解決しました。
ありがとうございました。