• 締切済み
  • すぐに回答を!

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要素の左端とズレができています。 原因と対処方法をよろしくお願いします。

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数387
  • ありがとう数4

みんなの回答

  • 回答No.2

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

共感・感謝の気持ちを伝えよう!

関連する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フォーム用CSSをダウンロードして、それを編集→URLを設定・入力するところまでは出来たのですが、実際ブラウザで見てみると、タイトルやその他項目が反映されていません。。。(ファイルをダウンロードした時のまま。。。) またFC2マニュアル内に下記のような説明があったので日本語のコメントを全削除してみたのですが何の変化もありませんでした。 「※編集したCSSファイルがレイアウトに反映されない場合はCSSファイル内に記入された日本語のコメント(/*- - -コメント*/)が原因の場合があります。この場合はコメントの日本語の部分を除去してください。」 どうやったら設定できるのか分かる方いらっしゃいましたら詳しく教えて下さい!!

  • 回答No.1

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

共感・感謝の気持ちを伝えよう!

質問者からのお礼

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

関連するQ&A

  • フォームのCSSを解除したい

    <form action="test.php" method="post"> <input type="radio" name="aiueo"> <input type="submit" value="送信"> </form> 上記のフォームに *{ border:0px; margin:0px; padding:0px; } というCSSを指定すると、初期のデザインでなくなってしまいます。 上記CSSをいじらない(アスタリスクは必要な為)で、 追加で初期のデザインに変更するには どのように記述するべきでしょうか。 ご存知の方いましたらご教授をお願いいたします。

  • 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』のようにすることは可能でしょうか?可能でしたらどのようにしたらよいでしょうか? お分かりのことだけでもよいので是非教えて下さい!

  • ブログにメールフォーム

    ブログにメールフォームをつけたいと思っています ちなみに私のブログはFC2です こんなメールフォームを探しています ◆小さくてシンプル(一言くらいでいいです) ◆送信者がメールアドレスを表示しなくてもいい  (つまり私には送信者のアドレスが分からないということです) あまりパソコンは詳しくない方なので できれば分かりやすい説明でよろしくおねがいします

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

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

  • フォームでのタグについて

    検索フォームに IDを入力して ブログを表示するようなURLでリンクしたいと考えています。 <form method="get" action="http://blog.goo.ne.jp/" class="search" target="_blank"> <div> <input type="text" name="ID" class="textBox"><input type="hidden" value="/"> <input type="submit" value="検索" class="btn"> </div> </form> 上のようなhtmlタグを作りましたが うまく http://blog.goo.ne.jp/synchro-night/ http://blog.goo.ne.jp/(IDをフォームで入力)/ のようなリンクができません。 どのように変えればよいのでしょうか? JavaScriptで する必要があるのでしょうか?

    • ベストアンサー
    • HTML
  • FC2携帯ホームページにFC2メールフォームを設置

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

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

    (1) JavaScriptを使ってプルダウンの項目の選択を必修にしたいんですが。どのように記述すれば良いのでしょうか? (2) JavaScriptを使ってメールフォームを作った時、HTMLファイル内に自分のメールアドレス記述せず、JavaScriptのファイル内に記述して作る事は無理でしょうか? (3) JavaScriptを使ってメールフォームを作った時、HTMLファイル内にJavaScriptを呼び出すタグは<head>~</head>内に<script language="Javascript" src="form.js"></script>の様な記述でよろしかったでしょうか? 以上の3点の答えをお願い致します。 過去ログは一応検索しましたが自分の求めてる物を見つける事ができませんでした。