Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

forçar formatação de uneditable-inputs dentro de uma div

$
0
0
boas,

fiz uma tabela de login com o seguinte código, a tabela está dentro de uma div chamada "span54"

Código :
<asp:Content ID="rightcontentdown" ContentPlaceHolderID="rightcontentdown" Runat="Server">
    <form id="frmlogin" runat="server">
                    <table class="logintable">
                            <tr>
                                    <th colspan="1" 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" /></td>
                            </tr>
                            <tr>
                                    <td colspan="3" rowspan="1">
                                            <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>
                         
    </form>
</asp:Content>

neste momento o aspecto é este:

Imagem Colocada


aparentemente a checkbox tem uma margin à esquerda que é igual à margem dos outros botões que tenho noutras páginas e é herdada do seguinte pedaço de css

Código :
input,
textarea,
.uneditable-input {
  width: 120px;
  margin-left: 145px;
}

se eu mexer nos 145px, lixo o layout de todas as outras páginas que têm botões (os botões estão noutra div chamada "span8"), posto isto tentei forçar uma formatação especifica para botões dentro da div "span54" desta forma:

Código :
input.span54,
textarea.span54,
.uneditable-input.span54 {
  width: 120px;
  margin-left: 15px;
}

mas o gajo assume a outra formatação do primeiro pedaço de css, agradeci alguma ajuda

Viewing all articles
Browse latest Browse all 14700

Trending Articles