フォームのCSSレイアウト 知識Z(ゼータ)

トップページ> フォームのCSSレイアウト

フォームのCSSレイアウト

Date:2009/03/05
Category: HTML


labelタグによって制御されているフォームをCSSを使ってレイアウトしてみます。
例えば、

null

このようにただ羅列されているだけの見にくいラジオボタン群を、cssを使って見やすくレイアウトしてみましょう。

label{ display: block; margin:0; padding:0; } input{ float:left; clear:left; }
このようにcssを設定することで、

null

見やすく表示させることができます。

拍手


メールフォーム label タグ の関連記事

ってな感じで、liのaをブロック要素...[2011-08-09 11:07:38]">【CSS】IE6でのdisplay:blockで隙間ができる【バグ】
  • 【WordPress】ログインユーザー以外には非公開にする
  • 【WordPress】管理画面を表示画面らしくするCSS
  • 許可するタグと許可する属性を指定できるライブラリ【kses】バグ
  • and more...
  • コメント

    No comments yet

    コメントする




    次項 【Mac】css、float(回り込み)が解除されない【Safari】
    前項 【Drupal】リッチテキストエディタTinyMCEモジュールの導入

    知識Z(ゼータ)トップへ
    モッピー | お金がたまるポイントサイト
    About Us

    知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

    当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

    また、【マイクロアド】による広告を記事内に挿入させていただいております。

    Calendar
    <   2009-03   >
    1234567
    891011121314
    15161718192021
    22232425262728
    293031    

    Amazon.co.jp
    What's New
    WebOwnerCenter

    タグ
    オンラインデータ
    訪問者数:4 人
    投稿記事数:211 件
    2253101