Benötigen mit TDs

-1

ausgerichtet Grenze Ich habe eine Html, für die, ich will td's auszurichtenden border über seine wie in der Abbildung untenBenötigen mit TDs

Ich habe versucht, gezeigt, aber es kam nicht.

Im Folgenden ist der HTML-

<table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
    <tr> 
     <td style="vertical-align: top;"> 
      <table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
       <tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
         Aggregate Name: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtAggrName" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
         Confirming Party: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtConfirmParty" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <tr> 
         <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
          Agreement Amt Payable: 
         </td> 
         <td class="field2" style="text-align: left;"> 
          <asp:TextBox ID="txtAgreePay" runat="server" Width="95%"></asp:TextBox> 
         </td> 
        </tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 70%;"> 
         Land Aggregate Payable: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtLandPay" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
         Confirming Party: 
        </td> 
        <td style="text-align: left;"> 
         <asp:TextBox ID="TextBox1" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
         Total Land Value: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtTotLandValue" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
         Stamp Duty: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtStampDuty" runat="server" Width="95%"></asp:TextBox> 
        </td> 
        <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
        </td> 
        <td class="field2" style="text-align: left;"> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Registration Fees: 
        </td> 
        <td class="field" style="text-align: left;"> 
         <asp:TextBox ID="txtRegFees" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Legal Fees: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtLegFees" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Other Expenses: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtOthExp" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Total: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtTotal" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Grand Total: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <asp:TextBox ID="txtGrandTotal" runat="server" Width="95%"></asp:TextBox> 
        </td> 
       </tr> 
      </table> 
     </td> 
     <td style="vertical-align: top;"> 
      <table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Registration Date: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text1" style="width: 60%" /> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Registration No: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text" style="width: 60%" /> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         POA No: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text" style="width: 60%" /> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         POA Holder: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text" style="width: 60%" /> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Conveyance Deed Regist No: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text" style="width: 60%" /> 
        </td> 
       </tr> 
       <tr> 
        <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
         Conveyance Deed Regist Date: 
        </td> 
        <td class="field2" style="text-align: left;"> 
         <input type="text" style="width: 60%" /> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table>

Lassen Sie mich wissen, wie zu bekommen, dass

Quelle

2016-08-23 BNN

jede downvote sollte mit _comment_ unterstützt werden. es funktioniert nicht für mich in IE – BNN

Sie benötigen einen Inline-Tabelle in einem td zu machen, dann können Sie Grenze für sie gelten.

.red-border { 
 
    border: 1px solid red; 
 
}

<table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
 
    <tr> 
 
    <td style="vertical-align: top;"> 
 
     <table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
 
     <tr> 
 
      <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
      Aggregate Name: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtAggrName" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
      Confirming Party: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtConfirmParty" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td colspan="2" class="red-border"><!-- add table in this td --> 
 
      <table width="100%"> 
 
       <tr> 
 
       <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
        Agreement Amt Payable: 
 
       </td> 
 
       <td class="field2" style="text-align: left;"> 
 
        <input ID="txtAgreePay" Width="95%"> 
 
       </td> 
 
       </tr> 
 
       <tr> 
 
       <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 70%;"> 
 
        Land Aggregate Payable: 
 
       </td> 
 
       <td class="field2" style="text-align: left;"> 
 
        <input ID="txtLandPay" Width="95%"> 
 
       </td> 
 
       </tr> 
 
       <tr> 
 
       <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
        Confirming Party: 
 
       </td> 
 
       <td style="text-align: left;"> 
 
        <input ID="TextBox1" Width="95%"> 
 
       </td> 
 
       </tr> 
 
       <tr> 
 
       <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
        Total Land Value: 
 
       </td> 
 
       <td class="field2" style="text-align: left;"> 
 
        <input ID="txtTotLandValue" Width="95%"> 
 
       </td> 
 
       </tr> 
 
      </table> 
 
      </td> 
 
     </tr> 
 

 
     <tr> 
 
      <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
      Stamp Duty: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtStampDuty" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
      <td style="font-family: Courier New; text-align: left; font-size: 120%; width: 60%;"> 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Registration Fees: 
 
      </td> 
 
      <td class="field" style="text-align: left;"> 
 
      <asp:TextBox ID="txtRegFees" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Legal Fees: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtLegFees" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Other Expenses: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtOthExp" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Total: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtTotal" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Grand Total: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <asp:TextBox ID="txtGrandTotal" runat="server" Width="95%"></asp:TextBox> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    <td style="vertical-align: top;"> 
 
     <table bgcolor="#EAEFF5" cellpadding="3" cellspacing="3" width="100%"> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Registration Date: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text1" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Registration No: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      POA No: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      POA Holder: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Conveyance Deed Regist No: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td class="label2" style="font-family: Courier New; text-align: left; font-size: 120%;"> 
 
      Conveyance Deed Regist Date: 
 
      </td> 
 
      <td class="field2" style="text-align: left;"> 
 
      <input type="text" style="width: 60%" /> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table>

Quelle

2016-08-23 09:32:37

Dank Rohan, es funktioniert. Aber die Ausrichtung der Textbox wird gestört. http://i.stack.imgur.com/OLwOl.png – BNN

Anwenden der Textbox Breite in Pixel mit einigen Padding und/oder Marge –

Ich schaffe es, auf einem bestimmten Niveau erfolgreich zu sein. Aber können wir alle Textfelder aus der gleichen Entfernung ausrichten? wie hier http://i.stack.imgur.com/YZTOb.png. Hier ist meine neueste Geige https://jsfiddle.net/gmx6cfah/ – BNN

diese CSS-Stile auf Ihre gewünschten Spalten in Attribut td class verwenden

table { 
    border-collapse: collapse; 
} 

.borderlft { 
    border-left: 1px solid #ff0000; 
} 

.borderrht { 
    border-right: 1px solid #ff0000; 
} 

.bordertop { 
    border-top: 1px solid #ff0000; 
} 

.borderbtm { 
    border-bottom: 1px solid #ff0000; 
}

Quelle

2016-08-23 09:39:49 Joyson

Benötigen mit TDs

Antwort

Verwandte Themen