• 文字サイズ
解決済

フォトショップsliceツールについて

  • 相談者:非公開
  • 2018/11/13 14:13
いつもお世話になっております。
現在楽天のトップをECステーションのページクリエイターにて作成しております。
フォトショップページを画像で作成し、スライスツールで編集し保存し、素材画像ブロックで画像を入れていますが、どうしてもフォトショップで作成した画像と同じように配置できません。
横幅960で、ページクリエイターも960サイズで作成しています。
投稿内容について報告する


  • 返信者:非公開
  • 2018/11/13 14:22
ECマスターズの田中です。

実際に配置された様子を確認させていただく必要がございます。

表示が乱れるなどの理由で、
現在のトップページに反映してい………(省略)………
  • 返信者:非公開
  • 2018/11/13 17:14
ECマスターズの田中です。

URLをお知らせいただき、ありがとうございました。

一度お試しいただきたいのですが、
ページクリエイターを通さず、
………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/14 10:56
作成いたしました。
https://www.rakuten.ne.jp/gold/アカウント/top-slice.html
フォトショップでHTMLの書き出………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/14 10:59
GOLDにアップしたら表示されなくなりました・・………(省略)………
  • 返信者:非公開
  • 2018/11/14 21:01
ECマスターズの田中です。


> GOLDにアップしたら表示されなくなりました・・

パソコン内に作成された「top-slice.html」と同じフ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/15 09:05
ご返答ありがとうございます。
フォトショップは【CS6 64Bit】です。

パソコン内に保存された「images」を【top-slice】の名前に変更し………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/15 09:13
フォトショップでの保存の仕方をそもそも間違えているかもしれません。

WEB用に保存→JPEGで保存→デスクトップに保存する際に、
ファイル名=top-s………(省略)………
  • 返信者:非公開
  • 2018/11/15 15:42
ECマスターズの田中です。

> パソコン内に保存された「images」を【top-slice】の名前に変更しました。
こちら、名前を元の「images」………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/15 20:27
「images」に直してアップロードしましたが、表示されません・・
保存の仕方が原因でしょうか?難しい・・

ロールオーバーは、マウスを置いた箇所を少し白………(省略)………
  • 返信者:非公開
  • 2018/11/16 13:35
ECマスターズの田中です。

> 「images」に直してアップロードしましたが、表示されません・・

私にて確認したところ、問題なく表示されておりまし………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/16 16:30
フォトショップにてロールオーバーは難しそうなので、
styleタグを挿入してみましたが、できておりますでしょうか?………(省略)………
  • 返信者:非公開
  • 2018/11/16 16:44
ECマスターズの田中です。

https://www.rakuten.ne.jp/gold/アカウント/store-ranking/top-slice.ht………(省略)………
  • 返信者:非公開
  • 2018/11/19 16:20
ECマスターズの田中です。

手順をお知らせいただき、ありがとうございます。
GOLDにアップロード、および書き換え時にデスクトップにドラッグされる際は ………(省略)………
  • 返信者:非公開
  • 2018/11/20 14:51
ECマスターズの田中です。

top-slice.htmlの書き換え手順をお知らせいただき、ありがとうございました。

開発者ツールの「Edit as ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/20 15:42
ありがとうございます!
早速やってみて、RMSで表示させるとこまで行きましたが、
PSで幅1100で作成しているためかよ横が切れて表示されてしまったのと、 ………(省略)………
  • 返信者:非公開
  • 2018/11/20 17:15
ECマスターズの田中です。

> PSで幅1100で作成しているためか

そうですね、test.htmlの他の内容は900px強で作成されておりますので………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/20 18:27
ガタガタにずれてしまう原因はわかりますでしょうか?………(省略)………
  • 返信者:非公開
  • 2018/11/20 20:07
ECマスターズの田中です。

ガタガタにずれてしまうとのことですが、たとえば、

<iframe src="https://www.rakuten.ne………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/21 11:57
がたがたではないのですが、添付画像のようになってしまいました。###IMG046fa1cf2630b44fad003bc35ceb8407a.p………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/21 11:58
https://www.rakuten.ne.jp/gold/アカウント/pc-ranking/top-slice960.html

こちらで表示させました………(省略)………
  • 返信者:非公開
  • 2018/11/21 14:27
ECマスターズの田中です。

> がたがたではないのですが、添付画像のようになってしまいました。
私にて、
https://www.rakuten.ne………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/21 15:21
IEでは正常に表示、普段利用しているクロームではつなぎ目が入ったままでした‥
キャッシュのクリアは行いましたが、それでもだめでした。………(省略)………
  • 返信者:非公開
  • 2018/11/21 18:01
ECマスターズの田中です。

IEでは無事ご確認いただけたということですね。
Chromeでのスーパーリロード、つまり
top-slice960.htm………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/21 18:36
教わった通りChromeでのスーパーリロード・シークレットモードで見る、教えていただいた手順でやってみましたが改善されず、
自宅にあるほかのPCで、クロームで………(省略)………
  • 返信者:非公開
  • 2018/11/21 19:31
ECマスターズの田中です。

なるほど、他のPCで閲覧していただいてもダメだった、ということですね。

私にて、ズームの倍率を変更すると
スクリーンシ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/22 08:48
100%にするとすきまがなくなりました!!
100%にしていなくても乱れない方法はないのでしょうか?………(省略)………
  • 返信者:非公開
  • 2018/11/22 10:00
ECマスターズの田中です。

無事ご確認いただけて何よりです。

> 100%にしていなくても乱れない方法はないのでしょうか?

画像を隙間なくつな………(省略)………
  • 返信者:非公開(質問者)
  • 2018/11/22 13:52
わかりました!長くなってしまい申し訳ございませんでした。
このまま、隙間ができても目立たないようなページに作り直してみようと思います。
ありがとうございまし………(省略)………