• 締切済み

FC2メールフォームのHTMLおよびCSSについて

FC2メールフォーム http://form.fc2.com/ FC2メールフォームをブログに表示させる場合、iframeで表示させるタイプと、javascriptで表示させるタイプがあります。私のブログはDTD宣言をxhtml1.0 strictにしているので、javascriptのほうを利用し、CSSでデザインをいじくっているのですが、どうもIEと他ブラウザで表示が異なってしまいます。もしよければ、皆さんの知識をお貸しください。 ※javascriptで表示させたときのサンプルは下記ページの「パーツ利用の設定・パーツ利用の設置用タグ、デザイン設定」>「Preview」から見れます。 http://form.fc2.com/demo/ ※希望している表示 名前、メールアドレス、職業などのリストアイコンを消し、これらの左端とinput要素の左端を同じ位置にあわせたいと考えています。 ※私が指定したCSS #fc2form li { margin:0; padding:0; list-style:none; } ※上記CSSを指定したときの表示 FireFoxとOperaでは「名前」「メールアドレス」等とinput要素の左端があわさっています。 IE6とIE7では「名前」「メールアドレス」等の左に一文字分ほどのスペースがあき、その分input要素の左端とズレができています。 原因と対処方法をよろしくお願いします。

みんなの回答

回答No.2

あ、原因もでしたか‥ position無指定時の扱いがブラウザによって違うからでしょうね ( ^^

回答No.1

list-style:none outside; 違ってたらご容赦を ( ^^;

xenotactic
質問者

お礼

li要素にdisplay:inline;を指定したら対処できました。 原因は不明です。 そもそもli要素を使っておいてul要素がないのがなぜなのか。 FC2ももう少しマシなHTMLコーダーを採用して欲しいところ。 回答ありがとうございました。

関連するQ&A

  • fc2メールフォームのCSSについて

    fc2のメールフォームを利用しているのですが、パーツ利用(テンプレはデフォルト1)の際のCSSでコメントフォームのサイズを変更しても内容が反映されません。 CSSテンプレート作成用のファイルをダウンロードして確認したところ、フォーム表示用のソースが <div id="fc2form"> <div class="comment"><textarea></textarea></div> </div> ※不要部分は省略 となっていたため、CSSも #fc2form .comment{ width: 200px;} の数値のみを200から300へ変更したのですが、コメントフォームの横サイズは変更されず、メールフォーム全体を囲う外枠(<div id="fc2form">部分)の横サイズのみ変更されてしまいました。 CSSではなく管理メニューの「定型フォーム・テキストフォームの設定」から該当部分のサイズ変更をしても反映されません。 コメントフォームの縦横サイズを変更するにはCSSのどこを変更すればいいでしょうか?

  • FC2 メールフォームについて

    FC2のメールフォームを利用しています。 デザインの詳細設定でCSSのURLを入力する欄がありますが、CSSのURLってどうやったら取得できるんですか? 初歩的な質問ですみません。。。

  • FC2メールフォーム

    FC2でメールフォーム機能を利用しているのですが、試しにメールしてみたのが指定したメールアドレスにメールがきません。 メールを受信するのは時間かかるのでしょうか? どうすれば受信メールがみれるのでしょうか? 至急教えてください。

  • FC2のメールフォームの設置方法について

    まったくのど素人のお恥ずかしい質問ですが、助けて下さい。 新たにHPを作成中でその中に「予約フォーム」を設けたいと思っています。 FC2の無料メールフォームを利用しようと登録しました。 ユーザースタイルも設定できるということなのでさっそく「編集用のCSSファイル」をダウンロードし、FrontPage2002でhtmlファイルの編集を行いました。 このあとの手順がよく分かりません。 FC2の「デザインの詳細設定」のページにCSSファイルのURLを入れるようになっていますが、これは何のことを言っているのでしょうか?? 私はダウンロードしたCSS確認用.html を編集しただけで一緒にダウンロードされてきたcssファイルは何もしていません。 cssに何の知識もありません。(堂々と書くべきではないことですが。) FTPで送信の際には編集されたhtmlファイルとそのcssファイルの入ったフォルダごとアップしました。 いろいろと試してみましたが、何がいけないのか送信ボタンを押したあとエラーが出て作動しません。 FC2さんのマニュアルのページは何度も繰り返し読んだのですが、私には全く分かりませんでした。 cssファイルの編集をしなければいけないのでしょうか?またはどのように? css確認用.htmlのフォーム設定ををFrontPage上で何をするべきなのでしょうか? (一応フォームのプロパティでは送信先e-mailアドレスに自分のアドレスを入れることはしました。) ちなみに私は海外のプロバイダーを利用し、sendmail、Perl、CGIも可能とされています。 何か他に私にでも分かりそうなおすすめのフォームメーラーがありましたら教えてください。 よろしくお願いします。

  • メールフォームを入れるには?

    ライブドアブログで独自ドメインを使って『http://www.○○○○.jp』というブログを運営してます。 メールフォームを設置したいと思い、fc2の無料メールフォームレンタルを利用しようとしたのですが、メールフォームのURLは『http://form1.fc2.com/form/?・・・』というブログのURLとは全く別のURLになってしまいます。 メールフォームのURLを例えば『http://www.○○○○.jp/mailform』のようにすることは可能でしょうか?可能でしたらどのようにしたらよいでしょうか? お分かりのことだけでもよいので是非教えて下さい!

  • メールフォームについて

    よろしくお願いします。 メールフォームを設置して以下の記述をhtmlにしました。 サーバー上で確認をしたところ送受信は出来たのですが、受信したメールを確認してみると、メールアドレスは正常に表示されるのですが 名前の部分が以下のように表示されてしまいます。 繝。繝ォ繝槭ぎ縺雁錐蜑・ value= = どなた様かご指導の程よろしくお願いします。 <form action="../cgi-user/questionform.cgi" method="post"> <p>お名前 <br /><input type="text" name="メルマガお名前" size="40" value="" /> </p> <p>メールアドレス <br /><input type="text" name="email" size="40" value="" /> </p> <p> <input type="submit" value="登録" /> <input type="reset" value="リセット" /> </p> </form>

    • 締切済み
    • CGI
  • FC2携帯ホームページにFC2メールフォームを設置

    タイトルの通りですが、FC2ケータイホームページを利用して携帯HPを作成しました。 FC2ケータイの付属機能リンクの中に、 ※※※ ケータイHPからリンクして使える、絵文字対応のメールフォームがオススメ! 送ってほしい内容を自由に組み合わせてお好きなフォームが作成できます。 ⇒詳しくはこちら ※※※ とあったので、携帯HPでもメールフォームが出来るんだ~と思って、早速FC2メールフォームにてメールフォームを作りました。 フォーム表示用タグからタグをコピーして、貼り付けりゃ出来る~☆と思っていましたが、携帯HPにどうしても貼り付けが出来ません。 そもそも、ブログパーツのフリーエリア的なものが、見つかりません。 なので、ランダムメッセージ等にタグを打ち込んだのですが、タグは<div></div>,<span></span>,<a></a>,<img>,<br>しか使えないと表示されていて、出来ませんでした。 FC2ケータイホームページにメールフォームを設置する事は出来ないのでしょうか?

  • JavaScriptでメールフォーム

    サイトでメールフォームをCGIを使わずに、JavaScriptで作成した時の話なのですが、 例えば、 <form name="mail" action="mailto:aaa@bbb.com" method="post" enctype="text/plain"> 名前<br> <input name="name"><br> 送信内容<br> <textarea style="WIDTH: 164px; HEIGHT: 50px" name="body"></textarea><br> <input style="WIDTH: 74px; HEIGHT: 21px" type="submit" size="37" value="送信"></form> ↑のような一般型のフォームは出来るのですが、 メールの送信先をメール送信者に指定させてそのアドレスにメールを送信するようにするにはどうしたら良いのでしょうか? すみませんが御願いします・・・

  • FC2ブログでのFC2メールフォームの使い方について

    FC2ブログでのFC2メールフォームの使い方について FC2ブログでイベント告知ブログをやっています。 FC2のメールフォームでイベント参加申し込みフォームを作りました。 ブログの本文上で、この申し込みフォームを表示させることはできますか? 左右のメニュー欄にではなく、本文上に お申し込みはお申し込みフォームから などとし、お申し込みフォームの部分をクリックすると 新しいウィンドウが開くようにしたいのですが、 不可能でしょうか? 方法も教えて頂けますと助かります。 マニュアルを見たのですが、設置に関する詳しい説明が無く困っています。 一言だけのご回答ではなく、詳細を教えて頂ける方に、、、 どうぞよろしくお願いします。

  • HTML5メールフォームの作り方

    お世話になります。HTML5のテンプレートを使用してメールフォームを作成しようとしておりますが、なかなかうまくいきません。action=""にメールアドレスを入れてみましたが、できませんでした。どなたかお分かりの方いらっしゃいましたら、どうかよろしくお願い致します。 <form id="contact" action="contact.html" method="post"> <div class="form_settings"> <p><span>Name</span><input class="contact" type="text" name="your_name" value="" /></p> <p><span>Email Address</span><input class="contact" type="text" name="your_email" value="" /></p> <p><span>Message</span><textarea class="contact textarea" rows="5" cols="50" name="your_message"></textarea></p> <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="submit" name="contact_submitted" value="send" /></p> </div> </form>

    • ベストアンサー
    • HTML