• 文字サイズ
解決済

カテゴリーページのブロックをつなげて表示したい

  • 相談者:非公開
  • 2019/10/22 16:17
カテゴリーページで表示順を変え、

カテゴリ説明文上
カテゴリ説明文下

と表示するようにしているのですが、カテゴリ説明文上とカテゴリ説明文下の間が空いてしまうので
ピッタリと継ぎ目がないように表示させたいのですが、cssをどのようにお設定すればよいでしょうか。

ご教授のほど、よろしくお願い致します。
投稿内容について報告する



  • 返信者:非公開
  • 2019/10/22 16:26
ECマスターズの村井です。

休み明けにシステム担当より回答させていただきますので、
今しばらくお待ちくださいませ。………(省略)………
  • 返信者:非公開
  • 2019/10/23 14:15
ECマスターズの伊藤です。

> カテゴリ説明文上
> カテゴリ説明文下
>
> と表示するようにしているのですが、カテゴリ説明文上とカテゴリ説明文………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/23 23:56
伊藤様
色々お調べ頂き、ありがとうございました。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/24 14:49
伊藤様、蒸し返しですみません。
nth-childなどの疑似クラスは使えないでしょうか?………(省略)………
  • 返信者:非公開
  • 2019/10/24 17:45
ECマスターズの伊藤です。

> nth-childなどの疑似クラスは使えないでしょうか?

こちらの方法も検討させていただきましたが
基準となるCl………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/24 20:34
ありがとうございます。

カテゴリ説明文上とカテゴリ説明文下には背景色を指定しています。
背景色を使ってつなぎ目をなくすようなことも難しいでしょうか。
………(省略)………
  • 返信者:非公開
  • 2019/10/25 11:02
ECマスターズの伊藤です。

> カテゴリ説明文上とカテゴリ説明文下には背景色を指定しています。
> 背景色を使ってつなぎ目をなくすようなことも難しいでし………(省略)………
  • 返信者:非公開
  • 2019/10/25 15:41
ECマスターズの伊藤です。

URLのご連絡ありがとうございました。
確かに気になる隙間ができてしまっていますね。

SketchPage for 楽………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/25 20:35
伊藤様、ありがとうございます。
素晴らしいです。無理を言ってすみませんでした。

無駄なタグを省く方法も挑戦したいと思います。………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/26 14:27
すいません、ちゃんと実現できたと思っていたのですが、該当部分だけではなく他の部分にも適用されちゃうみたいです。どこか間違ってますでしょうか?

あと、
………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/26 14:40
.category_lowertext div.d2spwrp:first-child {
margin-top: -2em;
}
とすることで実現………(省略)………
  • 返信者:非公開
  • 2019/10/27 11:57
ECマスターズの伊藤です。

> .category_lowertext div.d2spwrp:first-child {
> margin-top: ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/27 13:06
ありがとうございます。

> もしくは、tableタグをご理解いただくことで
> SketchPageの余計なタグを削除していただくことが
> できるよ………(省略)………
  • 返信者:非公開
  • 2019/10/27 15:55
ECマスターズの伊藤です。

> そうですね。本来なら奇怪なタグを生成するSketchPageは使いたくないんですが、
> 割と手軽で視覚的に作業ができる………(省略)………
  • 返信者:非公開(質問者)
  • 2019/10/27 17:46
なるほど〜
詳しくご説明いただき、ありがとうございました。
テーブルをまとめるようにすればよいのですね。やってみます。………(省略)………
  • 返信者:非公開
  • 2019/10/27 19:05
ECマスターズの伊藤です。

> テーブルをまとめるようにすればよいのですね。やってみます。

ぜひチャレンジされてみてください。

なお、楽天は基………(省略)………