助太刀忍者(質問掲示板)

助太刀忍者

No.54712    powered by…の部分の不自然な改行
自作CSSで一行メルフォのような形で利用しています。
(CSSはhttp://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1030759910を使用)
入力フォームは思っていた通りに作成できたのですが、その下に表示される「powered by 忍者メールフォーム」が不自然な改行になってしまいます。
具体的にいうと、「powered by 忍者メイルフ」までで一度改行し、「ォーム」が二行目にきてしまうのです。
”周りを囲っているタグ”項目のwidthを広くしてみたりはしたのですが、これ以上思いつきません。

もしもご存知の方がいらっしゃいましたら、ぜひご教授いただければと思いました。
よろしくお願いいたします。
使用環境
  • OS:Windows 7
  • ブラウザ:Chrome 47.0.2526.106
  • モニター:1366×768
  • JavaScript:ON
  • Cookie:ON
  • 回線種別:
  • ソフトウェア:
投稿者:No Name Ninja 投稿時間:2016-01-15 21:37:07
投稿者 : No Name Ninja
投稿時間:2016-01-20 03:21:59
過去ログの同じような質問にあるように、CSSの「letter-spacing: (1以上の値);」という記述が原因で改行問題が発生してしまうようです。ですが、使用されているというリンク先のCSSを拝見したところ、この記述は無いようですので、ホームページ全体のCSSに原因があると思われます。
当方も同じような問題が発生しておりましたが、以下の方法で解決しましたので、一度試してみてください。

①メールフォームCSSの”メールフォーム全体を囲っているタグ”項目に、「letter-spacing: 0;」と追加します。ホームページ全体のCSSに関係なく、メールフォームのにみ「letter-spacing: 0;」が適用されます。

②「powered by 忍者メールフォーム」ときちんと表示されるようでしたらこれで完了です。
もし、まだ「ム」などが改行されてしまっているようでしたら、「letter-spacing: -1px;」と書き換えてみてください。

お役に立てれば幸いです。