電光掲示板の文字配置について


電光掲示板のメッセージって

誰でも足を止めてでも見入ってしまいますよね。

文字が横や縦に流れているから
否応にも目につき、
目を離してしまうと
何のメッセージだかわからなくなってしまう。

そんなメッセージの設置を
あなたのサイトやブログに設置しませんか?


今回は
私が本ブログでご紹介している
電光掲示板について
質問をいただきましたのでシェアしますね。



あ、それとコレを言わなきゃいけない。


お問い合わせいただいた吉岡さんへ

回答をメールで返信しましたが
Server の Delivery Failure が返ってきてしまい
メールでお届けすることができません。

本ブログに載せるしかありませんので
こちらからご確認ください。




「文字と内枠の距離が均等になりません。」

【吉岡さんからのご質問】


■メルマガやブログ、HPへの引用可否: 引用可(苗字)
■お問い合わせ概要: 質問
■質問内容:

こんにちは吉岡と言います。


さっそくマナガツオさんのサイトにある
電光掲示板を自分のサイトに設置したのですが、
文字と内枠の距離が均等になりません。

文字の上部と内枠の間隔が広くなってしまっています。
padding: 1pxに設定した状態です。


何が原因なのか分かりません。

忙しい所申し訳ございませんが、ご教示お願いします。

設置したサイトはこちらになります。

http://www.compassionatemall.com/


「電光掲示板のメッセージに改行は不要です。」

【マナガツオからの回答】



吉岡さん

こんにちは。 マナガツオです。(^ ^)


お問い合わせいただき、ありがとうございます。
また、私のPCの調子が悪く、お返事が遅くなってしまい
申し訳ありません。


吉岡さんのサイトのHTMLソースを確認させていただきました。


@ <div style="color: #ffff00; background-color: #000000; width: 350px; padding:1px; border: solid 4px;
   border-color:#999999 #999999 #999999 #999999">


A <p><marquee scrolldelay="150" scrollamount="5" width="350"><br />   辛い膝の痛み、腰の痛みを
   和らげてくれます!</p>

B </marquee>

C </div


以下を試してみてください。


◆ 文字の上部と内枠の間隔が広くなっているのは、
  Aの構文の中、メッセージ文の前に改行の <br /> があるためです。
  <br /> は削除してください。

◆ また、段落付けの<p> と </p> もこの場合は不要ですので、削除してください。

◆ Cのタグのお尻に > をつけてください。


これで修正されると思います。


また、@で設定している padding ですが、
1px ですと見た感じ、窮屈に見えるので
もう少し大きめの数値にして
文字と枠の間に少し空間を持たせた方がよいかと思います。
4px くらいがいいでしょうか。


以上です。

もし、まだ何か不具合がありましたら、ご連絡ください。

今後ともよろしくお願いします。


マナガツオ




電光掲示板がどのような仕組みで作られているか・・・
こちらからご確認ください。
カンタンですよ ^ ^

          ↓ ↓ ↓

電光掲示板 - 流れるメッセージをあなたのサイトに -




*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ