• 文字サイズ
解決済

PCのフローティングバナー 検索窓付

  • 相談者:非公開
  • 2016/04/27 17:00
いつも大変お世話になっております。

PCの方で楽天の検索窓を隠そうと

https://forum.ec-masters.net/post_view.php?id=2463&word[]=%E6%A4%9C%E7%B4%A2%E7%AA%93


上記を参考にしてとりあえずの
画像(横700px × 縦200px)を作って、

<!-- 画面上固定ヘッダー -->
<style>
div.pcfloatheader {
z-index: 9999999999;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 200px;
}
</style>
<div class="pcfloatheader">
<iframe src="http://image.rakuten.co.jp/店舗/cabinet/○○.jpg" width="100%" height="200" frameborder="0" scrolling="no"></iframe>
</div>
<!-- 画面上固定ヘッダー -->




ヘッダーにupしたところ、左よりになってしまい、楽天のバナーを隠すことが出来ませんでした。

そこで質問です。

1)作りたいのは下記でも見本として出てきた画像は中央配置で余白はピンクなのですが、画像の大きさ、設定はどのようにしたらよかったのでしょうか。

2)一緒に「店舗内検索窓」をつけることは可能でしょうか。



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




  • 返信者:非公開
  • 2016/04/27 20:22
ECマスターズの田中です。

>1)作りたいのは下記でも見本として出てきた画像は中央配置で余白はピンクなのですが、画像の大きさ、設定はどのようにしたらよかっ………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/28 13:30
田中様

 お世話になっております。


 全く違うことをしていたようで・・お手数おかけいたします。



>あいぴーさんも、ヘッダーに表示………(省略)………
  • 返信者:非公開
  • 2016/04/28 14:02
ECマスターズの田中です。


>どのようなファイルを作るのかがわかりません。

画面に固定表示させたい見た目を、実際に表示させるためのHTMLファイ………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/28 17:40
田中様
 
 ありがとうございます!
とりあえず、バナーは出来て隠すことが出来ました!


ただ、検索窓が表示されません。




>HT………(省略)………
  • 返信者:非公開
  • 2016/04/29 05:47
ECマスターズの田中です。

検索窓を表示する方法は、おっしゃる通りの方法で間違いなく、
実際にお作りいただいたHTML内にも
問題なく入っていることを………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/29 11:48
田中様

 お世話になっております。
高さを調整して見えるようになりました。
ありがとうございます。

ただ、検索窓で検索をかけると表示が崩れ検索で………(省略)………
  • 返信者:非公開
  • 2016/04/30 10:04
ECマスターズの田中です。

失礼しました、
検索窓を設置する際に必要な注意点が1点ありました。

楽天の検索は、文字コードがEUC-JPのデータを送………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/30 22:29
田中様

早速の回答ありがとうございます。

過去質問を見て文字コードだろうなと思い、保存をEUCに変えてみたのですが、変わらなくて。
ありがとうござ………(省略)………
  • 返信者:非公開
  • 2016/05/01 21:34
ECマスターズの田中です。

>バナーの高さはギリギリ隠れるように設定しましたが、まだ圧迫感はありますか?

圧迫感については前回よりは少なくなっており………(省略)………
  • 返信者:非公開(質問者)
  • 2016/05/06 17:27
田中様

ありがとうございます。

バナーの中身はこれから改善していきます。

ちなみに検索窓をバナーの中(画像の左 ピンクの背景場所)に表示させる………(省略)………
  • 返信者:非公開
  • 2016/05/06 18:43
ECマスターズの橋本です。

当ご質問に関しては、追って担当より回答させていただきますが、
少しお時間をいただければと思います。宜しくお願いいたします。………(省略)………
  • 返信者:非公開
  • 2016/05/07 17:13
ECマスターズの田中です。

>検索窓をバナーの中(画像の左 ピンクの背景場所)に表示させることは可能でしょうか?
可能ですが、ブラウザの表示幅が狭い場合………(省略)………
  • 返信者:非公開(質問者)
  • 2016/05/11 13:15
田中様

ありがとうございます。
設置できました。
バーの内容はこれから変えていきますが、希望通りになりました、
色々お手数をおかけいたしました、あり………(省略)………