Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gilbertjuniors

Não consigo alterar posição via CSS

Recommended Posts

Alguém me dá uma luz,

tenho como resultado do mod_login do joomla o seguinte HTML:

<div id="login">
		<div class="moduletable">
					<form action="/serv_cont/index.php" method="post" name="login" id="form-login" >

		<fieldset class="input">
	<p id="form-login-username">
		<label for="modlgn_username">Nome de Usuário</label><br />
		<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
	</p>
	<p id="form-login-password">
		<label for="modlgn_passwd">Senha</label><br />
		<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />

	</p>
		<p id="form-login-remember">
		<label for="modlgn_remember">Lembrar-me</label>
		<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />
	</p>
		<input type="submit" name="Submit" class="button" value="Entrar" />
	</fieldset>
	<ul>

		<li>
			<a href="/serv_cont/index.php/component/user/reset">
			Esqueceu sua senha?</a>
		</li>
		<li>
			<a href="/serv_cont/index.php/component/user/remind">
			Esqueceu seu nome de usuário?</a>
		</li>

			</ul>
	
	<input type="hidden" name="option" value="com_user" />
	<input type="hidden" name="task" value="login" />
	<input type="hidden" name="return" value="L3NlcnZfY29udC8=" />
	<input type="hidden" name="14d8186470d4c6369ee2ad20d75a6d8c" value="1" /></form>
		</div>
	
</div><!--div login-->
quero diminuir o espaçamento entre username, password e remember

já tentei margin, padding, position relative e não alterou nada, o CSS está assim:

form-login-username{
	position: relative;
	top: -10px;
}
form-login-password {
	position: relative;
	top: -10px;
}
form-login-remember {
	position: relative;
	top: -10px;
}
Como faço?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Qualquer margin ou padding que você dê aí não resultará a seu favor, pois a única propriedade declarada é o top, que, como disse o Desnickadu, alterando-a, poderá encontrar o efeito que quer.

 

Diga-se de passagem que esse CSS não está muito bom e que terá, provavelmente, problema, devido ao uso indevido do position. Nesse caso você deveria trabalhar com margin, padding, float, etc.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.