- 文字サイズ変更
- 小
- 中
- 大
解決済
トップページcssに関して
- 相談者：非公開
- 2021/07/27 17:38
お世話になります。
現在作成している店舗トップページのcssの記述をご教授いただきたいです。
key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その横のスライドバナー、その下のカラークーポンとぴったりくっつくようにするには、どのように記述したらよいでしょうか。
769px以下、520px以下の記述も併せて教えていただけますと幸いです。
520px以下のときはスライダー下にも余白が開いてしまうので、そこも余白0になるような記述を教えていただきたいです。
URLは以下のものになります。
https://intp.site/389/test/
現在作成している店舗トップページのcssの記述をご教授いただきたいです。
key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その横のスライドバナー、その下のカラークーポンとぴったりくっつくようにするには、どのように記述したらよいでしょうか。
769px以下、520px以下の記述も併せて教えていただけますと幸いです。
520px以下のときはスライダー下にも余白が開いてしまうので、そこも余白0になるような記述を教えていただきたいです。
URLは以下のものになります。
https://intp.site/389/test/
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2021/07/27 19:19
ECマスターズの伊藤です。
> key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その………（省略）………
> key_visual_wrapper内に、サムネイル画像を横並びにしているのですが、そのサムネイル画像の余白をなくし、その………（省略）………
- 返信者：非公開（質問者）
- 2021/07/28 10:27
imgにblockを入れたのですtが。消えない余白はどのようにしたらよいでしょうか。
また、769px以下のときにできる余白はどう消したらよいでしょうか。………（省略）………
また、769px以下のときにできる余白はどう消したらよいでしょうか。………（省略）………
- 返信者：非公開
- 2021/07/28 13:42
ECマスターズの伊藤です。
> imgにblockを入れたのですtが。消えない余白はどのようにしたらよいでしょうか。
失礼しました
> その下のカ………（省略）………
> imgにblockを入れたのですtが。消えない余白はどのようにしたらよいでしょうか。
失礼しました
> その下のカ………（省略）………
- 返信者：非公開（質問者）
- 2021/07/28 17:11
ありがとうございます。display:blockで解決したのですが、サムネイル画像が少し右にはみ出しているのはどのように調節したらよいでしょうか。………（省略）………
- 返信者：非公開（質問者）
- 2021/07/28 17:15
.key_visual_wrapper .key_left{
flex: calc( 20% - 3px) 0 0;
}
の 3px を -1px に………（省略）………
flex: calc( 20% - 3px) 0 0;
}
の 3px を -1px に………（省略）………
- 返信者：非公開
- 2021/07/28 18:48
ECマスターズの伊藤です。
> ありがとうございます。display:blockで解決したのですが、サムネイル画像が少し右にはみ出しているのはどのように調………（省略）………
> ありがとうございます。display:blockで解決したのですが、サムネイル画像が少し右にはみ出しているのはどのように調………（省略）………
- 返信者：非公開（質問者）
- 2021/07/30 18:21
imgにdisplay: blockを入れるとaタグ(ホバー時にopacity: 0,7を入れている)内のimgがホバー時の記述が効かなくなってしまうのですが、………（省略）………
- 返信者：非公開
- 2021/07/30 19:29
ECマスターズの伊藤です。
> imgにdisplay: blockを入れるとaタグ(ホバー時にopacity: 0,7を入れている)内のimgがホバー時………（省略）………
> imgにdisplay: blockを入れるとaタグ(ホバー時にopacity: 0,7を入れている)内のimgがホバー時………（省略）………
- 返信者：非公開（質問者）
- 2021/08/02 10:57
ありがとうございました。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する