• ベストアンサー
  • 困ってます

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のどこを変更すればいいでしょうか?

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

  • 回答数1
  • 閲覧数1400
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

.comment textarea { width: 300px; height: 200px; } textarea のサイズの事ですよね。

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

質問者からのお礼

無事できました。ありがとうございます!

関連するQ&A

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

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

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

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

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

  • FC2ホームページで大見出しのフォントを変更したい

    <div id="">で名付けてcssで指定し、孫要素<h1></h1>の文字サイズと書体を変えたいのですが、何か間違えているらしく反映されません。お助け下さい。 ---css--- #id名 h1{ font-size: smaller; font-family:'メイリオ',"ヒラギノ丸ゴ Pro",sans-serif; } ---html--- <div id="id名"> <div> <h1>テスト</h1> <p>ほにゃらら</p> </div> </div> フォントサイズに関しては、正直FC2ファイルエディタで操作し、htmlの方に<span>で指定してもらえば解決するのですが、htmlとcssの勉強もかねているので、cssファイルで指定する方法についてご教授頂きたく存じます。

  • ネットスケープのCSSエラー

    ネットスケープ4.78(win)を使っています。 フォームを設けて、その中で<textarea>を設置したのですが、 <div class="type1"><textarea></textarea></div> というような形でcssをかけたら、フォーム全体 というか、テーブル全体のレイアウトがおかしくなりました。 送信ボタンがテキストエリアの中に入ったり。 <textarea>にかけたcssの中身(クラス)は .type1 {font-size:12px; line-height:14px; color:#000000;} です。 <textarea>にはCSSをかけないほうがいいのでしょうか? どのようなCSSなら安全でしょうか? ちなみに <input type="text">には同様のCSSをかけても大丈夫でした。 どなたか、教えてください。

    • ベストアンサー
    • HTML
  • 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も可能とされています。 何か他に私にでも分かりそうなおすすめのフォームメーラーがありましたら教えてください。 よろしくお願いします。

  • FC2携帯ホームページにFC2メールフォームを設置

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

  • ココログのコメントフォーム名をCSSで変更したい…

    ココログのコメントフォーム名(トラックバックフォーム名)を変更したいのです。 他のブログ様を見ると「コメント(3)」ではなく、「手紙が3通来てるよ」など、変えられています。 これはCSSでかえられるものなのでしょうか?? もし、これがCSSで変えることが出来るのならCSSの記述も教えてほしいです。 お願いします。

  • CSSについて 入力フォームの上下揃い

    CSSについて 入力フォームの上下揃い sample.css @CHARSET "windows-31j"; html,body,div,span,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:100%} html { height:100%; } body { height:100%; } body > #container { height: auto; z-index:0; } #container{ width:780px; margin-top:auto; margin-left:auto; margin-right:auto; margin-bottom:auto; position:relative; min-height:100%; border:1px solid #999; } #header{ margin: 0; padding: 0px 0px 0px 0px; width: 100%; height: 100px; background-color:#4682B4; z-index:1; } #main{ padding:auto; width:100%; backgruond-color:#87CEEB; z-index:1; } #footer{ position:absolute; bottom:0px; width: 100%; height: 100px; background-color:#4682B4; z-index:1; } index.html <div id="container"> <div id="header"></div> <div id="main"> <div class="vartical-align"> <form action=""> <input type="text" name="id"> <input type="password" name="pas"> </form> </div> </div> <div id="footer"></div> </div> 上記の用なCSSにて入力フォーム等を、id=main内にて上下中央揃えにしたいのですが どうした良いでしょう?

  • どのようなHTML、CSSを書けばいいのか?

    添付画像のように、表示したいのですがどのようなHTML、CSSを書けばいいのでしょうか? 具体的には ・「キーワード」と書かれた文字が中心に来るように線で囲む ・検索フォーム・ボタンは通常のtextarea、buttonです ・「キーワード」・「textarea」・「button」を横一列に表示 です。 宜しくお願い致します

    • ベストアンサー
    • CSS