Visual Studio 2010 - コンポーネントレベルでのWebアプリケーションレイアウトの整理

Question

Visual StudioのC＃Webアプリケーションでコンポーネントを整理する方法を知りました。

フォームには、それぞれ独自のラベルを持つ一連のテキストフィールドが含まれています。ラベルはすべて長さが異なるように、それはいくつかのアライメントの問題が発生します。

は、Webアプリケーションプロジェクト内のWebコンポーネント（例えば1、2、3でカラム構造を）整理するためのベストプラクティスは何ですか？ Windowsフォームプロジェクトを開発するとき、ツールボックスを使用すると、TableLayoutのようなものなどを選ぶことができますが、Webアプリケーション内のツールボックスは、このオプションを提供していないとき、そこからコンテナ断面を示している....

Answer 1

私は順不同リストを使用私のフォームフィールドのために、と私はlabel要素は左フロート、そしてその上に特定の幅を設定します

<fieldset>  
<ul> 
    <li><label for="<%= txtField1.ClientID %>">Field name</label><asp:TextBox id="txtField1" runat="server"></asp:TextBox></li> 
</ul> 
</fieldset> 

ようになり、その後、入力要素が左フロート、そして再びのための具体的な幅を指定浮動小数点と要素ボックス。

（コリンは、言及のように）あなたは、テーブルまたはCSSベースのソリューションを使用したいと思うどちらか

ul li{list-style-type:none;width:400px} 
ul li label{float:left;width:150px;} 
ul li input, ul li select, ul li textarea{float:left;width:224px;margin-left:6px} 
ul li input[type=checkbox], ul li input[type=radio]{width:auto} 

と私のcss /テンプレート

Answer 2

に固有のいくつかの他のフォーマットのビット。

一部の研究では、実際にコントロールの上にラベルを配置することは、ユーザーの観点から「処理が速い」ことが分かりました。だから、そのパラダイムの周りにあなたのフォームをデザインしたいかもしれません。