メニュー
MENU
こんにちは、
ゲスト
さん
トップ
会員サイト
新着質問
新着回答
人気の質問
解決済
受付中
未回答
質問・返信の一覧
お気に入り
ニックネーム変更
E-mailアドレス変更
パスワード変更
ECマスターズ ツール
ログイン
TOP
ヘッダーのカテゴリページで画像配置がくずれる
文字サイズ
変更
小
中
大
解決済
ヘッダーのカテゴリページで画像配置がくずれる
相談者:非公開
2018/03/19 14:23
カテゴリページと商品ページでヘッダーの画像が崩れます。
商品ページではちゃんと表示されますが、カテゴリページでは縦に重なってしまいます。
画像でスライドをiframeで表示しているのですが、他の画像もそれに合わそう思っていましたが
画像にリンクする方法がわかりませんでした。なのでリンクがいらない画像はiframeを使ってますが、
リンクがいる画像は単純に<a href="移動先のURL"><img src="画像のURL"></a>で貼っています。
この2つの問題が解決できればと思います。下記にコードも貼り付けておきます。
宜しくお願い致します。
<center>
<iframe src="https//www.rakuten.ne.jp/gold/SHOP-URL/r_kit/show_banner/index.html" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" width="468px" height="120px"></iframe>
<iframe src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/header/455-120muryou.jpg"
scrolling="no" frameborder="0" marginheight="0" marginwidth="0" width="455px" height="120px"></iframe>
<br>
<a href="
https://coupon.rakuten.co.jp/getCoupon?getkey=UUxPNi1NT0VULUo0TEYtVUdRQQ--&rt="><img
src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/header/rakuten10offbunner.jpg"></a>
<img src="
https://image.rakuten.co.jp/SHOP-URL/cabinet/header/rakuten100offbunner.jpg">
</center>
<style type="text/css">
<!--
body {
background-image: url("
https://image.rakuten.co.jp/SHOP-URL/cabinet/cupon/rakuten10off_tate.jpg"),url("https://image.rakuten.co.jp/pearliewhite/cabinet/cupon/rakuten100off_tate.jpg");
background-repeat: repeat-y;
background-position: left, right;
}
-->
</style>
キーワード:
ヘッダー
、
ページ
、
画像配置
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
セミナー詳細はこちら
返信者:非公開
2018/03/19 20:37
ECマスターズの田中です。
>商品ページではちゃんと表示されますが、カテゴリページでは縦に重なってしまいます。
商品ページに比べ、カテゴリページでは………(省略)………
続きを読む
返信者:非公開
(質問者)
2018/03/20 11:25
お世話になります。
問題が解決しました。ありがとうございます。
ちなみに2つめの質問の事ですが、
以前<iframe>の横にシンプルな<img src=>………(省略)………
続きを読む
質問を検索する
すべて
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他
返信も検索対象にする
カテゴリーから探す
初心者・はじめて
共通の送料込みライン
Amazon.co.jp
Yahoo!ショッピング
楽天市場
au PAY マーケット
ポンパレモール
Qoo10
本店サイト
会員専用ツール
ツール設置・利用
ECステーション
海外進出
マッチング・コラボレーション
楽天ペイ
RPP攻略ツール情報交換
商品画像登録ガイドライン
LINE活用
ツール改善コミュニティ
業者営業情報・相談
システム導入支援
会計・経理相談
作業効率化
EC MASTERS LABS
パソコントラブル
その他