プライベートモードで閲覧中です。

sugar pot : cfdn_09 カスタマイズ日記#6 フォームのレイアウト崩れ対策

ほろ苦い夢のかけらのおすそわけ

スポンサーサイト

--年--月--日(--)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
#
カテゴリ:スポンサー広告

trackback

cfdn_09 カスタマイズ日記#6 フォームのレイアウト崩れ対策

2006年02月13日(月) コメント:0 トラックバック:0

さてこのテンプレートは作者が非常に良く練って考えておられるので、カスタマイズすることで却ってとんでもないことになっているのではないかと危惧するのではあるが。

フォントサイズをブラウザの機能で大きくした場合に、コメントの入力フォームがサイドバーに重なってしまう現象が起きる。これを解決したい。


なぜそういうことが起きるかというと、<textarea>~</textarea>の幅を規定しているのが、col属性というものだからだ。これは、“平均的な文字幅を基準とした文字数”を指定する(タグリファレンス<TEXTAREA>ためである。

では、おなじみのwidthで指定できないのだろうか?どうやらできそう。ほかのフォームのウィンドウでも同様のようだ。

ということで、コメント入力フォームのすべてのテキスト入力ウィンドウに、widthを指定することに。投稿フォーム・編集フォームについてテキストが入力できるウィンドウは、Title・Name・Mail・Web・Comment・Passwordの6カ所。それぞれにidがふられているので、それに対して指定する。

#subject,#url {width:500px;}
#name,#mail,#pass {width:250px;}
#comment {width:500px; height:7em;}

いかがだろうか。

関連リンク
ぴの競馬「フォーム(textarea)で幅(width)を%指定する際のメモ」
#524
カテゴリ:107 ブログカスタマイズ

trackback

<<cfdn_09 カスタマイズ日記#5 文字を大きくする | cfdn_09 カスタマイズ日記#7 メールフォームをつける>>

コメント(-0件)

コメントの投稿

トラックバック(-0件)

http://bittersweetdreams.blog9.fc2.com/tb.php/524-e8fadc00

Bookmarked

Blog Battler

ブログバトラー

Twitter

    フリーエリア

    上部の説明

    下部の説明

    Utilities

    Ad

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。