デザインレシピ「楽天標準のようなショップ内検索窓を表示させる方法」について

Question

デザインレシピの「楽天標準のようなショップ内検索窓を表示させる方法」を試してみたのですが、検索枠の右側に表示される、

Answer

ECマスターズの伊藤です。

> デザインレシピの「楽天標準のようなショップ内検索窓を表示させる方法」を試してみたのですが、検索枠の右側に表示される、?のマークが赤い横線になってしまいます。
> タグはヘッダー部分に貼り付けました。

タグを拝見したところ
イベント告知君や、検索窓の部分のソースには
問題ございませんでしたが、

ヘッダーにご登録頂いている、上部メニュー下、
画像の部分にて、
tableタグが正しく記述されていないため
検索窓の部分に、影響しております。

また、そのため、上部メニュー「会社概要」下あたりに
"が表示されてしまうなどの
状態となっております。

問題点としまして、
殆どのタグは、「開始」と「終了」があり
tableタグも
で始まり
で終わるようになっていますが、
上記の箇所には、の記述がございません。


Sketch Pageなどのツールをご利用頂いていると
思いますので、１から作り直しを
ご検討くださいませ。


なお、ソースとしては、
下記の通りとなります。
（画像とリンクは省略しています）

よろしければご参考までに
ご覧くださいませ。




１枚め






２枚め






３枚め左
３枚め中央
３枚め右






４枚め左
４枚め中央
４枚め右






５枚め左
５枚め右






６枚め左
６枚め右



    


【略】

Answer

ありがとうございます。
早速やってみます！

Answer

頂戴したソースに画像とリンクを張り付けたのですが、添付の画像のように表示されてしまいます。
隙間なく表示するにはどのようにすればよいですか？
ちなみに

Answer

ECマスターズの伊藤です。

> 頂戴したソースに画像とリンクを張り付けたのですが、添付の画像のように表示されてしまいます。
> 隙間なく表示するにはどのようにすればよいですか？

こちらはRMS上のプレビューになりますでしょうか。

実際のヘッダーに入れていただきますと
問題なく表示されるようになると思いますが

下記の通り変更し、tableの横幅を
固定にしていただきますと
プレビューでも、隙間なく表示していただくことができます。


↓↓↓


上記の記述が複数ございますので、
隙間の出来ているtableすべてに
適用していただきますよう、お願いいたします。

Answer

＞実際のヘッダーに入れていただきますと
＞問題なく表示されるようになると思いますが

反映させると表示できていましたが、少し画像と画像の隙間が目立ったので



＞下記の通り変更し、tableの横幅を
＞固定にしていただきますと
＞プレビューでも、隙間なく表示していただくことができます。

　　
　　　↓↓↓
　　

＞上記の記述が複数ございますので、
＞隙間の出来ているtableすべてに
＞適用していただきますよう、お願いいたします。


言われたようにするとピッタリになりました。
ありがとうございます！
しかし、ヘッダー部分が少し左にずれてしまいました。
画像つけておきます。###HR######IMG06a04e9f9464011effff5c9107dc924fb.jpegIMG0######BR###

Answer

ECマスターズの伊藤です。

> しかし、ヘッダー部分が少し左にずれてしまいました。
> 画像つけておきます。

画像の添付ありがとうございました。

tableを中央に表示していただければ
修正いただけますので

align="center"

を追記していただきますよう、お願いいたします。


↓↓↓

Answer

きれいに表示されました。
適切なご回答ありがとうございました！