• 文字サイズ


解決済

htmlについて

  • 相談者:非公開
  • 2018/02/01 15:44
お世話になっております。
現在、弊社のページ(トップページ・ヘッダー・フッダー・レフトナビ)はRMSに直接htmlソースを入力してページを表示しています。
今後はドリームウィーバーでそれぞれページのファイルを作成し、インラインフレームでアップする予定です。
実際にアップするにあたり、幾つか問題がありそうなのでご相談させてください。

●header部分
検索バーのところは左の猫の画像と検索バーの細長い画像と分割して作成しています。
現在のページはピンク系ですが、カラーを変更して画像部分のみ、差し替えて登録しました。
プレビューで確認すると猫の画像と検索バー画像の間にごく薄い縦線が入り、「検索」の文字の右横に1mm程度の隙間が出来てしまいます。

●left部分
カレンダーの部分もheadrの検索バー同様に画像を差し替えましたが、RMS上で登録しているショップカレンダーが表示されなくなってりまうようです。

●全てのファイル共通で、テキストで入力した文字が全て文字化けしてしまいます。


headerとleftのhtmlはファイルで添付させていただこうと思ったのですが、こちらは画像のみになるのでしょうか?
試しに添付してみますので、よろしくお願いいたします。
念の為、club@ec-masters.netにも添付して送らせていただきました。

お手数ですがよろしくお願いいたします。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/02/01 18:54
ECマスターズの田辺です。

>headerとleftのhtmlはファイルで添付させていただこうと思ったのですが、
>こちらは画像のみになるのでしょうか?………(省略)………
  • 返信者:非公開
  • 2018/02/02 12:59
ECマスターズの田辺です。

確認をさせていただきましたところ、
ほとんどのタグで画像URLの書き方に問題がございました。

URLの書き方についてご………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/05 11:42
ECマスターズの田辺さま

お世話になっております。
ご返答ありがとうございました。

画像URLと文字化けの件は教えていただいた通り修正しました。 ………(省略)………
  • 返信者:非公開
  • 2018/02/05 20:19
ECマスターズの田中です。

>URL:https//www.rakuten.ne.jp/gold/SHOP-URL/pc/header.html
>(中………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/06 13:08
ご返答ありがとうございます。

教えていただいた通り修正したところ、「検索」の文字の右横にあった1mm程度の隙間はなくなりましたが、猫の画像と検索バー画像の………(省略)………
  • 返信者:非公開
  • 2018/02/06 16:46
ECマスターズの田中です。

私にて、検索バー部分の背景として使われている
https//www.rakuten.ne.jp/gold/SHOP-URL/………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/08 15:33
ご返答ありがとうございます。
画像を修正して再度確認してみます。………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/27 11:32
お世話になっております。
前回の画像の件は解決出来ました。
ありがとうございます。
引き続きHTMLのことでこちらからご質問させていただきます。

T………(省略)………
  • 返信者:非公開
  • 2018/02/27 11:57
ECマスターズの田辺です。

<iframe>の範囲内のみでページが切り替わる場合には
left.html
にある<head>と</head>の中に
………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/01 12:45
ご返答ありがとうございます。
レフトナビゲーションとフッターコンテンツは解決出来ました。

トップページ編集の箇所も教えていただいたように追記して、インラ………(省略)………
  • 返信者:非公開
  • 2018/03/01 16:46
ECマスターズの田辺です。

>トップページ編集の箇所も教えていただいたように追記して、
>インラインフレームを使用して表示させましたが、
>こちらはフ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/07 11:37
ご返答ありがとうございます。

教えていただいた通りに修正しましたら、2点とも解決いたしました。
ありがとうございます。

追加でご質問させていただき………(省略)………
  • 返信者:非公開
  • 2018/03/07 12:20
ECマスターズの田辺です。

#tate_left a, #tate_right a に
height: 10000px; を指定されているのが余白の原因………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/12 14:50
お世話になっております。
余白の件ありがとうございます。
おかげ様で解決出来ました。

続けて下記ページについてご質問させていただきます。
https………(省略)………
  • 返信者:非公開
  • 2018/03/12 17:25
ECマスターズの田辺です。

左側の余白は本来レフトナビが表示されるスペースでして、
楽天の構造上このようなレイアウトになってしまうのは仕方がないのですが………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/13 10:11
ご返答ありがとうございます。

教えていただいた通りに修正しましたら、スペースを詰めることが出来ました。
まだ多少左が空いてしまいますが、これが限界でしょ………(省略)………
  • 返信者:非公開
  • 2018/03/13 10:31
ECマスターズの田辺です。

現在は、全体の左側にスペースがあるのではなく、
右の縦バナーが少し左に寄っていることで
左側の方がスペースがあるように見え………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/19 10:16
ご返答ありがとうございます。
スペースの件、解決しました。
ありがとうございます。

続けてご質問させていただきます。

yahooの看板・ストアト………(省略)………
  • 返信者:非公開
  • 2018/03/19 12:29
ECマスターズの田辺です。

>それぞれ<head>と</head>の中に<base target="_top">
>を記述しましたが、上手く表示されませ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/19 13:35
2点とも解決しました。
ありがとうございます。

続けてサイドナビについてご質問させていただきます。
「Item Sarch」という薄いピンクのバナーが………(省略)………
  • 返信者:非公開
  • 2018/03/19 19:50
ECマスターズの田中です。

ビビオさんのショップのレフトナビを確認したところ、
検索窓の部分に
https://store-info.yahoo.co………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/20 13:54
ご返答ありがとうございます。

Dreamweaverにて教えていただきましたHTMLソースを入力してみました。
Dreamweaverからプレビューする………(省略)………
  • 返信者:非公開
  • 2018/03/20 15:24
ECマスターズの田中です。

現在アップロードされているHTMLを確認したところ、
最終更新日が、昨日の12:41となっておりました。
つまり、アップロ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/22 11:15
ご返答ありがとうございます。

確認しましたら、アップロード結果がエラーとなっていまして
http://store.shopping.yahoo.co.j………(省略)………
  • 返信者:非公開
  • 2018/03/22 15:59
ECマスターズの田中です。

>headerの検索バーの箇所から文字を入力して検索をかけたところ、トップページがそのまま表示されてしまいます。

hea………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/22 16:17
ご返答ありがとうございます。
追加する位置がよくわからないのですが、下記の
<form…から</form>までの間でよろしいでしょうか?
その間だとすれば………(省略)………
  • 返信者:非公開
  • 2018/03/22 18:22
ECマスターズの田辺です。

<form method="get" action="https://store.shopping.yahoo.co.jp/○………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/26 10:15
ご返答ありがとうございます。

ヤフーショッピングの検索バーの問題解決いたしました。
ありがとうございます。

楽天の検索バーも検索結果が文字化けして………(省略)………
  • 返信者:非公開
  • 2018/03/26 13:02
ECマスターズの田辺です。

楽天の場合は文字コードを
EUC-JPに指定していただきたいので
以下のように修正をお願いいたします。

<form………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/26 15:41
修正しましたが、下記のヘッダー、レフトナビ両方とも文字化けしてしまうようです。

https://www.rakuten.ne.jp/gold/●●●/pc………(省略)………
  • 返信者:非公開
  • 2018/03/26 17:29
ECマスターズの田中です。

私にて、両ページの検索窓を確認したところ、
文字化けすることなく無事動作いたしました。

ビビオさんのブラウザにて、古い………(省略)………
  • 返信者:非公開(質問者)
  • 2018/03/27 13:42
ご返答ありがとうございます。

問題なく表示されました。
ありがとうございます。………(省略)………
このフォーラムへの質問は終了しました