HTML中的数据格式不正确
我制作了一个HTML并尝试了所有组合。我无法获得正确的格式。 最后一列超出了表的宽度 此外,我还附上了问题的截图 请查找下面的代码,并建议此处的错误:HTML中的数据格式不正确,html,css,Html,Css,我制作了一个HTML并尝试了所有组合。我无法获得正确的格式。 最后一列超出了表的宽度 此外,我还附上了问题的截图 请查找下面的代码,并建议此处的错误: <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table id="Table_Upper" cellspacing="1" cellpadding="1" width="100
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table id="Table_Upper" cellspacing="1" cellpadding="1" width="1000" style="table-layout:fixed">
<tr>
<td width="150"></td>
<td>
<table id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<div width="150" class="heading">Amortization Calculation</div>
</tr>
<tr>
<td valign='top' width="250px">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="250px">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
</table>
</td>
<td style="width:300px"></td>
<td>
<table id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<div width="150" class="heading">Amortization Calculation</div>
</tr>
<tr>
<td valign='top' width="240">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="240">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="240">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
<tr>
<td valign='top' width="240">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
</table>
</td>
<td style="width:100px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:250px" valign="top">
<table id="Table_OwnersTogether" cellspacing="1" cellpadding="1" width="1000" style="table-layout: fixed">
<tr>
<th style="width: 100" valign='top'>Income Details</th>
<th width="70">2018
<!-- Faktiska ränta-->
</th>
<th width="70">2019
<!-- Kalkylränta-->
</th>
<th width="70">2020
<!-- Faktiska ränta-->
</th>
<th width="70">2021
<!-- Kalkylränta-->
</th>
<th width="70">2022
<!-- Faktiska ränta-->
</th>
<th width="70">2023
<!-- Kalkylränta-->
</th>
<th width="70">2024
<!-- Faktiska ränta-->
</th>
<th width="70">2025
<!-- Kalkylränta-->
</th>
<th width="70">2026
<!-- Faktiska ränta-->
</th>
<th width="70">2027
<!-- Faktiska ränta-->
</th>
</tr>
<tr>
<td width="100" valign='top'>
<%=hentlabel("HFA4440")%>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'>
</td>
</tr>
</table>
</td>
</tr>
</table>
摊销计算
摊销总数
利率%
每年摊销
年利息
摊销计算
摊销总数
利率%
每年摊销
年利息
收入明细
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
您的问题是输入
元素只是彼此重叠,设置其宽度的尝试不起作用,因为设置输入
元素的宽度
属性仅适用于某些类型(此处不起任何作用)
你可以做一件事:
把这些线都换了
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" ...
我可以看到有两个
缺失,您需要在下面的代码中添加
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
摊销计算
请检查一下,看看这是否是你需要的。以下是完整的代码供参考
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table id="Table_Upper" cellspacing="1" cellpadding="1" width="1000" style="table-layout:fixed">
<tr>
<td width="150" ></td>
<td>
<table width=100% id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
<tr>
<td valign='top' width="250px">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
<td style="width:300px"></td>
<td>
<table width=100% id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
<tr>
<td valign='top' width="240">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
<td style="width:100px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:250px" valign="top">
<table id="Table_OwnersTogether" cellspacing="1" cellpadding="1" width="1000" style="table-layout: fixed">
<tr>
<th style="width: 100" valign='top'>Income Details</th>
<th width="70">2018
<!-- Faktiska ränta-->
</th>
<th width="70">2019
<!-- Kalkylränta-->
</th>
<th width="70">2020
<!-- Faktiska ränta-->
</th>
<th width="70">2021
<!-- Kalkylränta-->
</th>
<th width="70">2022
<!-- Faktiska ränta-->
</th>
<th width="70">2023
<!-- Kalkylränta-->
</th>
<th width="70">2024
<!-- Faktiska ränta-->
</th>
<th width="70">2025
<!-- Kalkylränta-->
</th>
<th width="70">2026
<!-- Faktiska ränta-->
</th>
<th width="70">2027
<!-- Faktiska ränta-->
</th>
</tr>
<tr>
<td width="100" valign='top'><%=hentlabel("HFA4440")%></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
</tr>
</table>
摊销计算
摊销总数
利率%
每年摊销
年利息
摊销计算
摊销总数
利率%
每年摊销
年利息
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table id="Table_Upper" cellspacing="1" cellpadding="1" width="1000" style="table-layout:fixed">
<tr>
<td width="150" ></td>
<td>
<table width=100% id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
<tr>
<td valign='top' width="250px">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="250px">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
<td style="width:300px"></td>
<td>
<table width=100% id="Table_calc" cellspacing="1" cellpadding="1" width="102">
<tr>
<td colspan="2"><div width="150" class="heading">Amortization Calculation</div></td>
</tr>
<tr>
<td valign='top' width="240">Total numbers of amortization</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Interest rate %</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Amortization per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
<tr>
<td valign='top' width="240">Interest per year</td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" style="width: 13px" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
<td style="width:100px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:250px" valign="top">
<table id="Table_OwnersTogether" cellspacing="1" cellpadding="1" width="1000" style="table-layout: fixed">
<tr>
<th style="width: 100" valign='top'>Income Details</th>
<th width="70">2018
<!-- Faktiska ränta-->
</th>
<th width="70">2019
<!-- Kalkylränta-->
</th>
<th width="70">2020
<!-- Faktiska ränta-->
</th>
<th width="70">2021
<!-- Kalkylränta-->
</th>
<th width="70">2022
<!-- Faktiska ränta-->
</th>
<th width="70">2023
<!-- Kalkylränta-->
</th>
<th width="70">2024
<!-- Faktiska ränta-->
</th>
<th width="70">2025
<!-- Kalkylränta-->
</th>
<th width="70">2026
<!-- Faktiska ränta-->
</th>
<th width="70">2027
<!-- Faktiska ränta-->
</th>
</tr>
<tr>
<td width="100" valign='top'><%=hentlabel("HFA4440")%></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
<td>
<input readonly style="background-color: <%=slskb_color5%>;" type="text" width="70" name="MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1" value='<%= MAN_KNID_OSS_GROSS_YEARLY_INCOME_HH_1 %>'></td>
</tr>
</table>
</td>
</tr>
</table>