Jump to content
Phaster

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

Recommended Posts

Phaster

boas,

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

<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:

l6ht38ub6jqw.png

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

input,
textarea,
.uneditable-input {
width: 150px;
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:

input.span54,
textarea.span54,
.uneditable-input.span54 {
width: 150px;
margin-left: 15px;
}

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

Edited by Phaster

Share this post


Link to post
Share on other sites
D'Leandro™

Amigo você precisa definir uma classe.

Procure o objeto que você deseja (dentro da sua HTML), ponha o elemento class="nome_da_classe" e depois basta criar um css dentro da própria página HTML.

Então o CSS ficará assim:

<style>
.nome_da_classe {
propriedades: aqui;
}
</style>

Para evitar que ele herde propriedades de outro css, copie o mesmo código e use o complemento !important;

Exemplo:

<style>
.nome_da_classe {
width: 0px !important;
margin-left: 0px !important;
}
</style>

Edited by D'Leandro™

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.