Title: Contact Form7のデザインの乱れ
Last modified: 2011年1月17日

---

# Contact Form7のデザインの乱れ

 *  [24519](https://ja.wordpress.org/support/users/24519-1/)
 * (@24519-1)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/)
 * 初めまして。
    昨日、WordPressを設置しプラグインContact Form 7をインストールしま
   した。
 * Topicタイトル通りなのですが、、
    フォーム設定し試しに投稿ページより指定された
   コードを貼りつけ プレビューで確認してみるとブラウザFirefox_3.6.13バージョンだ
   と アドオンInFormEnterを導入しているせいかONの時は下の様な感じで 名前と入力欄
   に大幅の開きが入って全体的にデザインが乱れてしまいます。 なのですが他のサイト
   だとONにしているにも関わらず 綺麗に整っていて全く乱れていません。 この違いは何
   なんでしょうか？styles.cssにて設定可能でしょうか？ 詳しい方いましたらご教示くだ
   さい。 PC環境：Win7*pro64、通常ブラウザ火狐、予備ie8
 * 例）
    —————- 名前/必須項目* ↓空白 ↓空白 ↓空白 ■■■■（←入力フォーム） ////////////////////////////
 * ※綺麗な方のサイト
    —————– 名前 ■■■■
 * ↑固定されていて乱れていません。
    ——————–

8件の返信を表示中 - 1 - 8件目 (全8件中)

 *  モデレーター [Takayuki Miyoshi](https://ja.wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135154)
 * 実際にサイトを見てみないと正確なことはわかりませんが、使っているテーマのスタイル
   シートでそのようになるようなスタイルが指定されているためにそうなっていると思い
   ます。各サイトで使っているテーマの style.css を見比べてみてください。適用され
   ているスタイルの状態確認には [Firebug](http://getfirebug.com/) がおすすめです。
 *  トピック投稿者 [24519](https://ja.wordpress.org/support/users/24519-1/)
 * (@24519-1)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135155)
 * やっぱりスタイルシートで固定？は可能なのですね～
    見ていたサイトですがwebクリ
   エイターボックス（http://www.webcreatorbox.com/） さんです・・フォーム欄がすごく
   綺麗に整ってました。 今もonにしてるのですが全く乱れていません。 さっそくFirebug
   導入して模索してみます=3
 *  トピック投稿者 [24519](https://ja.wordpress.org/support/users/24519-1/)
 * (@24519-1)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135159)
 * あれからチェックしながらにらめっこしてますが
    全くゴールに辿り着けないです・・
   [サイト１](http://www.seasonsolution.jp/system/archive/08-04-05.html) [サイト２](http://www.1uphp.com/con1/form/form1style.html)
   [サイト３](http://cocoasaurus.com/blog/2009/03/html-1.html) １～３のサイトによ
   ればstyle=”margin:0px;”の記述で <form action=”送信先”>の箇所がわかればstyle=”
   margin:0px;”で解決できそうですが WordPressのプラグイン設定項目から[submit “送信”]
   に 半角スペースいれて記述してみましたが無反応でしたorz 試しに<div style=”margin:
   0px;”>で挟んでみてもだめだったので Contact Form 7のstyle.cssを開きmargin:0px 
   0px 0px 0px;をいれてみてもだめでした。 themesのstyle.cssでinput項目は項目と検索
   バーの箇所で上手く設定されてるのか プレビューでみるとレイアウトの崩れは起きて
   ません。 どこに指定してやれば空白は生まれずに済むのか 分かるかたいましたら教え
   てください。
 *  [kz](https://ja.wordpress.org/support/users/kz/)
 * (@kz)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135163)
 * こういう問題の場合は、他の人にとっては「実際にサイトを見てみないと正確なことは
   わかりません」ので、実際に問題の発生してる URL を教えていただく方が早く解決し
   易いです◎
 *  トピック投稿者 [24519](https://ja.wordpress.org/support/users/24519-1/)
 * (@24519-1)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135164)
 * ありがとうございます。
    設置したばかりでテスト状態ですが アドレスは[こちら](http://link3745.org/blog/)
   になります。
 *  [KKT](https://ja.wordpress.org/support/users/kvex/)
 * (@kvex)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135165)
 * その肝心のコンタクトフォームを設置した固定ページはどこですかね？
 *  トピック投稿者 [24519](https://ja.wordpress.org/support/users/24519-1/)
 * (@24519-1)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135166)
 * プレビューでチェックしていただけだったのですが公開しました。
    いかがでしょうか？
   [URL](http://link3745.org/blog/?p=27)
 *  [KKT](https://ja.wordpress.org/support/users/kvex/)
 * (@kvex)
 * [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135167)
 * えっと・・・・
    このソースなら、そうなってしまうでしょうね。
 * コンタクトフォームの設定のほうで
 *     ```
       <p>名前*</p>
       <p>[text* your-name 50] </p>
       ```
   
 * とか、そんな風にしてるんじゃないですか？
 * `<p>お名前 (必須） [text* your-name 50] </p>`
    のような感じにするだけじゃなく
   てですか？

8件の返信を表示中 - 1 - 8件目 (全8件中)

 トピック「Contact Form7のデザインの乱れ」には新たに返信することはできません。

## タグ

 * [Contact Form 7](https://ja.wordpress.org/support/topic-tag/contact-form-7/)

 * フォーラム: [プラグイン](https://ja.wordpress.org/support/forum/plugins/)
 * 8件の返信
 * 4人の参加者
 * 最後の返信者: [KKT](https://ja.wordpress.org/support/users/kvex/)
 * 最後の活動: [15年、 9ヶ月前](https://ja.wordpress.org/support/topic/contact-form7%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e4%b9%b1%e3%82%8c/#post-135167)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック