楽天市場　PC版：イベント告知君とShop内検索の窓の高さ

Question

宜しくお願いします。
初めて投稿します。
楽天市場のPC TOPページにイベント告知君とShop内検索を左右に配置しています。
イベント告知君と検索窓のHightを中央で揃えたいのですが、
どの部分を変更もしくは追記すれば良いかご教授ください。
宜しくお願いします。



.emRPBandSearch{display:flex;flex-direction:row-reverse;justify-content:space-between;max-width:950px;margin: 0 auto;}.emRPB{margin:0;padding:0;flex:0 0 510px;}.emSearch{width:calc(100% - 525px);}.emShopSearchForm{width:100%;margin:0;}.emShopSearchForm > *{vertical-align:bottom;box-sizing:border-box;height:38px;}.emShopSearchInput{width:calc(100% - 45px);height:38px;border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:12px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.emShopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}


この部分に表示されます###HR######IMG09d3f1540704a58feefbfaa0b375c00b7.pngIMG0###

Accepted Answer

ECマスターズの伊藤です。

> 楽天市場のPC TOPページにイベント告知君とShop内検索を左右に配置しています。
> イベント告知君と検索窓のHightを中央で揃えたいのですが、
> どの部分を変更もしくは追記すれば良いかご教授ください。

下記HTML差し替えをしていただき、
ご確認いただきますよう、お願いいたします。

  
    .emRPBandSearch{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;max-width:950px}.emRPB{margin:0;padding:0;flex:0 0 510px;height:130px}.emSearch{width:calc(100% - 525px)}.emShopSearchForm{width:100%;margin:0}.emShopSearchForm>*{vertical-align:bottom;box-sizing:border-box;height:38px}.emShopSearchInput{width:calc(100% - 51px);height:38px;border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:12px;font-family:"Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;line-height:32px}.emShopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px}
  この部分に表示されます

Answer

ECマスターズ
伊藤様
ありがとうございます。
下部で揃い見栄えが良くなりました。
どの部分が変わったかわかりませんが、時間がある時にじっくりと見比べます。

Answer

ECマスターズの伊藤です。

> どの部分が変わったかわかりませんが、時間がある時にじっくりと見比べます。

https://difff.jp/
などの、文章比較ツールをご利用いただくと
簡単に比較いただけますので、
よろしければご利用ください。

楽天市場 PC版：イベント告知君とShop内検索の窓の高さ

楽天市場　PC版：イベント告知君とShop内検索の窓の高さ