66344views女子高生社長の椎木里佳さんがパクリ謝罪。※この記事は、作成日より一年以上が経過しています。最新の情報ではありませんので、ご注意ください。Form7を使う時、css次第では呼び出したフォームの下に大きな余白が生まれてしまう時があります。Form7で呼び出したフォームの下に大きな余白スペースが生まれる時があるこちらは、キヨタツブログのお問合せフォームです。そのうち自作のフォームにしようと思っているのですが、とりあえず現状はかなりの手抜きっぷりでプラグインをそのまま入れているだけという・・・。その話はさておき、話題の余白は、ちょうど送信ボタンの下に生まれていることが分かります。developerツールでソースを見てみますと、、、、ちょうど送信ボタンの真下にclass="ajax-loader"で指定された「見えないイメージ画像」が設置されていることが分かります。これは送信ボタンを押した時に、「送信中のステータス」であることを示す「ぐるぐると渦を巻いた矢印」を呼び出すソースコードになります。Form7のフォームを内包するdivなどの親要素が「width:100%;」の指定を持っている場合、その子要素にあるimgはすべて拡大されてしまうことになります。修正方法は、widthの指定をautoにしてあげれば良いだけスタイルシートが問題なので、単純にwidthの幅指定をautoにしてあげればOKです。{width:auto;}まとめいかがでしたでしょうか。今回のwordpressのcontactform7のフォーム以外にも、アフィリエイトの広告素材バナーだったり、外部から引っ張ってくるソースなどでは、ウェブビーコンのような使い方をするため「見えないイメージ画像」を設置していたりします。外部から設置して、謎の余白が生まれた時には、検討事項の一つとして、imgのスタイルシート指定を疑ってみると良いかと思います。BLÅがオシャレで高音質!PROFILEWEB制作をやっているyoshiと申します。PVは月間10万程度。要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。