我正在桌面上创建一个登录表单,但是我很难按照我想要的方式格式化所有内容(更别提了表格的左边距,只是在绘画上搞砸了)。
我想让它看起来像这样:
但目前看起来像这样:
整个表位于名为“span54”的div中。
复选框“box”目前有50px宽度(我希望它像这样),但这也会影响文本框的宽度。
如何区分该div中的文本框?
当前的CSS代码:
复选框(检查过的checkox)
文本框(检查文本框)
表格代码
<table class="logintable">
<tr>
<th colspan="2" rowspan="1">Login</th>
</tr>
<tr>
<td class="creds"><asp:label id="user" runat="server" text="User:" /></td>
<td colspan="1" rowspan="1"><input id="UserNameTextBox" type="text" runat="server" /></td>
<td colspan="1" rowspan="1"><asp:RequiredFieldValidator ID="vUserName" ControlToValidate="UserNameTextBox" Display="Static" ErrorMessage="Username Inválido" runat="server" /></td>
</tr>
<tr>
<td class="creds"><asp:label id="pass" runat="server" text="Password:" /></td>
<td colspan="1" rowspan="1"><input id="PasswordTextBox" type="password" runat="server" /></td>
<td colspan="1" rowspan="1"><asp:RequiredFieldValidator ID="vUserPass" ControlToValidate="PasswordTextBox" Display="Static" ErrorMessage="Password Inválida" runat="server" /></td>
</tr>
<tr>
<td colspan="3" rowspan="1"><asp:Button ID="btnlogin" runat="server" Text="Login" Class="btn-login" onclick="LoginButton_Click" /><asp:CheckBox id="RemPassword" cssclass="checkbox" runat="server" autopostback="false" text="Lembrar-me"/></td>
</tr>
<tr>
<td><asp:Label id="MsgLabel" runat="server" /></td>
</tr>
</table>
答案 0 :(得分:0)
编辑文件dq.css,靠近第336行,将width:50px;
更改为width:160px;