助太刀忍者(質問掲示板)

助太刀忍者

No.41760    メールフォームの幅について
 現在、http://star.yokochou.com//forms/sougo_link_form.htmlのページにメールフォームを自作cssを使って設置しているのですが、メールフォームの幅をもっと広くすることは出来ないのでしょうか?
一応、cssのwidthでどうにかなかと思ったんですがうまくいきませんでした!
投稿者:STAR GARAGE 投稿時間:2010-03-09 17:55:23

この質問は解決済みです

投稿者 : No Name Ninja
投稿時間:2010-03-11 22:13:45
>フォームの幅を広げる具体的なcssのソース
管理画面から吐き出されたCSSに以下のように書かれています。

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

自分で調べてねってことです。
ここで質問すれば、教えて下さる方もいらっしゃるとは思いますが、ここは具体的なHTMLタグ・CSSを質問する場所ではありません。

しかし、質問者さんのCSSファイルを拝見する限りでは、大体のことを理解されているようですので、支援サイト等を見れば解決できると思います。

例えば、コメントを入力する部分を広げたいならば、

/*『textarea』パーツの入力項目のclass(inputなどの部分)*/

の項目に横幅指定を入れれば反映されると思います。
参考サイト:http://www.tagindex.com/stylesheet/form/index.html
投稿者 : No Name Ninja
投稿時間:2010-03-11 17:50:10
入力項目の横幅を広げたいなら、各、(inputなどの部分)とある項目に横幅指定を入れてみて下さい。

尚、
div.tdftdiv {
position: absolute;
top: 1230px;
left: 50px;
}
の部分ですが、これ自体は規約違反ではないですが「top: 1230px;」部分が、
http://www.ninja.co.jp/faq/a/243/の、
「一行でも広告を下げている場合について、広告下げとなり」に当たるかも知れません。

広告の上に著作権表示があるので、1行は空けていませんが、サイト内容と著作権表示部分が空いているので・・・・・・まぁでも、デザインの範囲内かなぁとも思いますが。
質問者からのコメント 2010-03-11 20:05:07
ありがとうございます!

広告の方は、近いうちに、著作権表示の部分のすぐ下に来るように設定しようと思います
質問者からのコメント 2010-03-11 21:33:17
 あと、フォームの幅を広げる具体的なcssのソースをしっているかたはいませんか
 お願いいたします
投稿者 : No Name Ninja
投稿時間:2010-03-09 18:44:31
>メールフォームの幅
とは具体的にどこの部分でしょう?

ちなみに、該当CSSファイルを拝見させていただきましたが、
今現在、質問者さんが横幅指定しているのは、メールフォーム全体を囲むボックスの横幅です。それ以外は全く指定していないようですが・・・・・・。

フォーム部品それぞれの幅を指定したいなら、それぞれ該当の部分に横幅指定を入れましょう。

尚、

div#copy {
position: absolute;
top: 1000px;
left: 50px;
}
div.tdftdiv {
position: absolute;
top: 1000px;
left: 50px;
}

の部分は、利用規約違反になりかねませんので注意を。
http://www.ninja.co.jp/faq/a/243/