- 文字サイズ変更
- 小
- 中
- 大
解決済
トップページ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/
このフォーラムへの質問は終了しました
- カテゴリ：その他
9
- 返信者：非公開
- 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
ありがとうございました。………（省略）………
このフォーラムへの質問は終了しました
質問を検索する
いつもECマスターズクラブを
ご利用いただき、誠にありがとうございます。
下記の通り、２０２５年〜２０２６年の
年末年始休業期間についてご案内申し上げます。
２０２５年１２月２７日（土） 〜 ２０２６年１月４日（日）
※２０２５年１２月２６日（金）１２時に年内すべての受付を終了させていただきます。
⬛︎お問い合わせ対応について
休業期間中は、お問い合わせフォームへのご投稿は可能ですが、
ご返信は休業明けより順次対応させていただきます。
返答停止期間
２０２５年１２月２６日（金）１２：００〜２０２６年１月５日（月）１５：２９
ご不便をおかけいたしますが、
何卒ご理解賜りますよう、お願い申し上げます。
https://club.ec-masters.net/index.php?ecm-notice-winter2025