[Resolvido] borda n da certo....

[- KbeçãO - 0]

eae galera...

essa duvida é bom simples...

tenho uma area de login no meu site...

tentei colocar uma borda em volta dela, mas os botoes ficaram de fora da borda...

olha so:

 

 

codigo html:

 

<div id="acesso" align="center">
  <form method="post" action="#">
<fieldset>
        <legend>..:: Área do Cliente ::..</legend>
	<label><strong>Login:</strong></label><input type="text" size="9" name="login"/>
	<label><strong>Senha:</strong></label><input type="text" size="9" name="senha"/>
</fieldset>
<div id="button_container">
	<button class="acesso_button" type="reset">Limpa</button>
	<button id="Enviar" class="acesso_button" type="submit">Entrar</button>
</div>
  </form>
</div>

 

css:

 

#acesso { /* Area Login */

       width: 145px;
       height: 133px;
float: right;
border: 1px thin #EAEAEA;
margin: 3px;

}

#acesso fieldset {

float: right;
       overflow: hidden;

}

#acesso legend{

font-size: 13px;
margin: 1px;

}

#acesso label {

       clear: left;
       width: 110px;
font-size: 9pt;
margin-top: 6px;
}

#acesso input {

       margin: 0 0 5px 5px;
       width: 115px;
}


#button_container {

float: right;
width: 135px;


}

 

oq esta errado ??

[William Bruno 1501]

troca essa DIV ai por um FIELDSET

[Vinicius Weber 0]

Bom cara, eu aconselho entao voce aumentar essa div e na horaque voce colocou o border acabou faltando especificar o tipo dele, solid e etc.

 

Ou simplesmente tira esse fieldset, eu nem costumo usar mto ele, uso em casos raros

#acesso { /* Area Login */

       width: 165px;
       height: 163px;
       float: right;
       border: 1px #EAEAEA solid;
       margin: 3px;

}

#acesso fieldset {

       float: right;
       overflow: hidden;

}

#acesso legend{

       font-size: 13px;
       margin: 1px;

       }

#acesso label {

       clear: left;
       width: 110px;
       font-size: 9pt;
       margin-top: 6px;
}

#acesso input {

       margin: 0 0 5px 5px;
       width: 115px;
}


#button_container {

       float: right;
       width: 135px;


}
</style>

[- KbeçãO - 0]

@Willian Bruno

 

fiz como você falou...

a borda externa apareceu, mas a interna persiste...

olha:

 

 

o novo css

 

#acesso { /* Area Login */

       width: 135px;
       height: 115px;
	float: right;
	border: 1px #EAEAEA thin ;
	margin: 3px;
	margin-top: -140px;

}

#acesso #txts {

	float: right;
       overflow: hidden;

}

#acesso legend{

font-size: 13px;
margin: 1px;

}

#acesso label {

       clear: left;
       width: 110px;
	font-size: 9pt;
	margin-top: 6px;
}

#acesso input {

       margin: 0 0 5px 5px;
       width: 115px;
}


#button_container {

	float: right;
	width: 120px;
	margin-top: -15px;

}

 

e o html:

 

<fieldset id="acesso" align="center">
    <form method="post" action="#">
<fieldset id="txts">
	<legend>..:: Área do Cliente ::..</legend>
	<label><strong>Login:</strong></label><input type="text" size="9" name="login"/>
	<label><strong>Senha:</strong></label><input type="text" size="9" name="senha"/>
</fieldset>
<div id="button_container">
	<button class="acesso_button" type="reset">Limpa</button>
	<button id="Enviar" class="acesso_button" type="submit">Entrar</button>
</div>
     </form>
</fieldset>

 

HaHa !!!

consegui...

era so fazer isso...

#acesso { /* Area Login */

       width: 145px;
       height: 133px;
       float: right;
       border: 1px thin #EAEAEA;
       margin: 3px;

}

#acesso fieldset {

       float: right;
       overflow: hidden;
       border: none; //aqui que faltava.....

}

#acesso legend{

       font-size: 13px;
       margin: 1px;

       }

#acesso label {

       clear: left;
       width: 110px;
       font-size: 9pt;
       margin-top: 6px;
}

#acesso input {

       margin: 0 0 5px 5px;
       width: 115px;
}


#button_container {

       float: right;
       width: 135px;


}

[Vinicius Weber 0]

funcionou a borda da div sem voce colocar solid nela? o.O'

[- KbeçãO - 0]

eu especifiquei o tipo..

#acesso { /* Area Login */

       width: 145px;
       height: 133px;
       float: right;
       border: 1px thin #EAEAEA; //thin
       margin: 3px;

}

 

é..

eu qurendo ou n você estava certo...

n sei pq, fiz a alteração, e relamente tinha dado certo...

mudei o tamanho do input, ela sumiu...

ai, tirei o "thin" coloquei o "solid" e ela apareceu denovo

 

Oo