Problemas com uma Form de Login

[michetti 0]

Bom gente eu to programando meu site aqui e eu inventei de colocar akele box de login na index.

aki o codigo:

 

                <div id="box">
			<div id="logar">
              <form method="post" action="central/dologin.php" id="login-form">
               	<input "name="username" type="text" id="username" onFocus="if(this.value=='Email'){this.value=''}" onBlur="if(this.value==''){this.value='Email'}" value="Email" size="25" class="image"/></form>
                   <div id="senha">
				<input name="password" type="password" id="password" onFocus="if(this.value=='Senha'){this.value=''}" onBlur="if(this.value==''){this.value='Senha'}" value="Senha" size="25" class="field"/>
				<div id="entrar"><a class="button-a" href="#" class="login" onClick="document.getElementById('login-form').submit()"><button type="button">Entrar</button></div>
                   <div id="lembrar">
<a href="http://www.digitalservers.com.br/central/pwreset.php">Perdeu sua senha ?</a></div>


				</form></div>
                 </div>

 

CSS

 

#box{
background-image:url(../img/default/barra.png);
height:50px;
width:1260px;
position:absolute;
top:278px;
left:0px;

}
#logar {
position:absolute;
top:15px;
left:115px;
       color: #84898f;
       padding: 5px 35px;
       width: 911px;
}

#senha {
position:absolute;
top:4px;
left:226px;
font-size: 5px;
color: #84898f;
}
#entrar {
position:absolute;
top:1px;
left:420px;
font-size: 3px;
color: #84898f;
}

 

 

O problema é o seguinte, quando tento clicar no BOX de LOGIN ou de SENHA não funciona, parece que eles estao classificados como imagem, eu procurei e nao achei :>S

 

 

vejam aki como ta

 

www.digitalservers.in

 

( não é divulgação, somente uma demonstração ao vivo )

[Henrique Barcelos 290]

Essa sua div.frame aí está por cima dos elementos, impedindo que eles sejam acessados...

[michetti 0]

realmente esta por cima, como posso arrumar isso ?

[Henrique Barcelos 290]

Esse é o elemento que sobrepõe o topo...

#banner-1 {    margin-bottom: -80px;    position: relative;    top: -133px;}

[angelorubin 142]

Boa noite,

 

Na final da linha 4 do codigo que voce apresentou, tem uma tag de fechamento </form> que me parece estar antes do lugar de fechamento (aninhamento) correto do formulario, retire-a e veja se ela poder ser o motivo do erro.

 

LINHA 4

 

 <input "name="username" type="text" id="username" onFocus="if(this.value=='Email'){this.value=''}" onBlur="if(this.value==''){this.value='Email'}" value="Email" size="25" class="image"/></form>

 

Espero que ajude.