textareaのスタイル ホームページビルダー20SP

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー21教室・無料体験受付中(こちらをクリック!!)
TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)
生徒さんホームページビルダー作成事例はこちら

ホームページビルダー20SPのテンプレートにあるお問合せフォーム。

お問合せ内容の項目はtextarea(複数行テキスト)となっています。

テンプレートにあるものを使っている分には問題はありませんが、同様の複数行の入力項目を追加しても、テンプレートのスタイルが効かずに同じように表示(幅)することができません。

そして、SPではCSSをいじること(HTMLを書き出してソース編集すればいいのかもしれませんが、それではSPを使っている意味がまったくありませんね。)

テンプレートのもともとある複数行テキスト項目のスタイルは

.sp-form textarea[name=”message”] {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 90%;
height: 150px;
}

となります。name=”message”がキモです。複数行テキスト項目を追加すると別のnameを指定する必要があります。すると上のスタイルは効きませんので、表示が異なることになります。

解決方法

HTMLソースパーツにCSSをインライン記述すればなんとかなりそうです。。。

ここで試してみました

http://hpb20sp.com/contact1.html