ショップサーブ）画像のwidth指定ができません。

Question

お世話になります。

ショップサーブで開店に向けてページ作成を進めているのですが、
画像のwidth指定ができません。

サポートに電話すると、
「お客様の記述内容をご確認ください」
と言われ、簡単な画像挿入

としても
センター用フリーエリア画面上のプレビューだとwidthの指定は効いているようなのですが、
実際のページになると効いていません。

画像の幅を実際の幅に変更してください、
とも言われましたが、widthの指定でできるような画像であれば、再度リサイズ、という手間は避けたいと思っています。

開店前につき、IDとパスワードが必要なサイトです。
ID、パスワード、URLについては、追って「投稿内容について報告する」からご連絡させていただきます。

お忙しいところお手数おかけしますが、どこがおかしいのかお教えいただけますでしょうか。
どうぞ、よろしくお願いいたします。###HR######IMG09a0191d0f32f3fdb5175a95d6f5aec57.jpegIMG0### ###IMG1927746c38f731542880f50abeb778b78.jpegIMG1###

Accepted Answer

ECマスターズの田中です。

imgタグに対して
width: auto;
というスタイルシートが適用されており、
これがwidth属性を上書きした結果、
画像ファイル自体の横幅で表示されておりました。

横幅を指定される場合は、
スタイルシートを利用して指定をお願いします。

一番単純な書き方は

のようにstyle属性でご指定いただく書き方ですが、
作成したページの構造が複雑怪奇になることを防ぐためにも、
見た目に関わる設定は、なるべくページ全体のスタイルシートにまとめていただくことをオススメします。

Answer

田中様

ご回答いただきありがとうございます。
解決済みにしたのですが、上手く画像サイズが指定できないので
追加で質問させていただきます。

width: auto;
が指定されているcssファイルに、imgの幅を指定する記述を追加したのですが、
上手く幅の指定ができません。

追加したcssの記述内容は以下です。
（hpgen/HPB/theme/css/default.css）

  img.width_819{
      max-width: initial; /* 初期状態にリセット */
      height: initial; /* 初期状態にリセット */
      width: 819;
  }


htmlの記述は以下です。
（店舗トップページPC）



お手数おかけしますが、よろしくお願いいたします。

Answer

ECマスターズの田中です。

スタイルシートで長さを指定される際は、
pxや%、vwなどの単位が必要となります。

例としていただいたスタイルシートの場合は、
width: 819;
ではなく
width: 819px;
とご記載いただきますようお願いします。

Answer

田中様

ご返信ありがとうございます。
無事に画像のサイズ指定ができました。
初歩的な質問で大変失礼いたしました。