asp.net Webページの表セル

Question

デザイン上の問題。 .................................................. .................................................. ...

"プライマリベースラインターゲット"テーブルセルを適切に配置しようとしています。私は様々なスタイルを試みたが、それは役に立たなかった。前もって感謝します。

必須：

私のO/P：

CSS：

.labels { 
    font-size: 9pt; 
    font-weight: bold; 
    font-family: Calibri; 
} 

Htmlの

<fieldset style="border: solid; border-width: thin; width: 95%; height: 200px; border-color: #a8a8a8; margin: auto;"> 
    <legend id="Legend14" runat="server" visible="true" style="width: auto; margin-bottom: 0px; font-size: 12px; font-weight: bold; color: #1f497d;">&nbsp;&nbsp; Project Performance &nbsp;&nbsp;</legend> 
    <div style="margin-bottom: 10px; margin-left: 10px;"> 
     <asp:Table ID="table8" runat="server" CssClass="labels"> 
      <asp:TableRow> 
       <asp:TableCell> 
        Critical to Quality (CTQ) &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Baseline Performance &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Primary Metric &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
       <asp:TableCell> 
        Primary Baseline Target &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Secondary Metric &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Target performance &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Performance at Project Close &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
     </asp:Table> 
    </div> 
</fieldset> 

Answer 1

あなたはせずに、行の列にまたがるする必要があります2つのテキストボックスColumnSpanとなります。基本的には4列が必要ですが、4列は3行と4列にのみ必要です。他のすべての行では使用しないので、2行目から始める行にまたがる必要があります。

<asp:Table ID="table8" runat="server" CssClass="labels"> 
    <asp:TableRow> 
     <asp:TableCell> 
      Critical to Quality (CTQ) &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell ColumnSpan="3"> 
      <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      Baseline Performance &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell ColumnSpan="3"> 
      <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      Primary Metric &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell> 
      <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
     <asp:TableCell> 
      Primary Baseline Target &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell> 
      <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
</asp:Table>