Autor Tópico: [Dúvidas] HTML (Localização de caixa de texto? Como?) (Lida 4105 vezes)

gocho · « **em:** 24 de Junho de 2007, 17:47:54 »

Boas! É possivel especificar a localização de uma caixa de texto em pixeis

ex:

<form>
<input size="10" type="password" name="password"/>
</form>

so que quero ajustar a localização da caixa de texto que aparece a minha vontade!

Cumps

gimbras · « **Responder #1 em:** 24 de Junho de 2007, 18:51:25 »

Podes sim!

Mestes esse código dentro de uma div e depois com CSS já podes colocá-la onde quiseres, pixel a pixel.

Código: [Seleccione]

<div id="caixa">
<form>
<input size="10" type="password" name="password"/>
</form>
</div>

E agora. dentro do elemento (tag) <head>. posicionas isso via CSS.

Código: [Seleccione]

<style type="text/css">
#caixa  {
top: 50px;
left: 150px;
}
</style>

O posicionamento é simples de entender: o canto superior esquerdo do ecran tem a posição 0 pixéis de top (topo) e 0 pixéis de esquerda (left).

Quando dizes que a tua caixa tem de estar top: 50px; left: 150px; isso vai fazer com que o canto superior esquerdo da div com o id "caixa" esteja a 50 px a contar de cima, e 150px a contar do lado esquerdo.

Cumps.

gocho · « **Responder #2 em:** 24 de Junho de 2007, 20:38:38 »

Era mesmo isso que eu estava a precisar!! Thanks

gocho · « **Responder #3 em:** 25 de Junho de 2007, 01:15:22 »

Existe outra maneira de fazer a coisa? é que não está a funcionar! Alias, nem sei se estou a fazer as coisas da maneira mais correcta!

Ficheiro HTML:

<div id="formulario_login">
   <div id="form_username">
      <form method="post">
      <input size="10" type="text" id="txt1" onkeyup="showHint(this.value)"/>
   </form>
   </div>
   <div id="form_password">
      <form method="post">
      <input size="10" type="password" name="password"/>
      <input type="submit" value="Enviar"/>
      </form>
   </div>
</div>

Ficheiro CSS:

#formulario_login{
   background: url('imagens/formulario_login.jpg');
   position: absolute;
   left: 840px;
   top: 259px;
   width:203px;
   height: 142px;

}

#form_username{
   top: 200px;
   left: 200px;
}

Que achas disto? Cumps

gocho · « **Responder #4 em:** 25 de Junho de 2007, 01:34:09 »

Ok, já modifiquei a coisa! As caixas de texto apareciam por trás das imagens, por isso eu não via nada!

gimbras · « **Responder #5 em:** 25 de Junho de 2007, 01:38:50 »

Pois isso também tem camadas (as layers = divs).

Cumps.

gocho · « **Responder #6 em:** 25 de Junho de 2007, 01:54:32 »

Agora o problema é o seguinte.... não percebo nada disto

.. para colocar as caixas de texto em primeiro plano tenho de utilizar a propriedade z-index? certo? mas.. não funciona... :S

Ficheiro HTML

<div id="form_username">
      <form method="post">
      <input size="10" type="text" id="txt1" onkeyup="showHint(this.value)"/>
   </form>
   </div>
   <div id="form_password">
      <form method="post">
      <input size="10" type="password" name="password"/>
      <input type="submit" value="Enviar"/>
      </form>
   </div>

Ficheiro CSS

#form_username{
   position: absolute;
   z-index:1;
   top: 5px;
   left: 5px;
}

#form_password{
   position: absolute;
   z-index:1;
   top: 5px;
   left: 5px;
}

gimbras · « **Responder #7 em:** 25 de Junho de 2007, 12:57:47 »

Então? Meteste o z-index: 1 para as duas coisas, assim ficam ao mesmo nível.
Tens de ver isso como camadas, cada div é uma layer (camada). Têm de estar em camadas diferentes.

z-index:1;
z-index:2;
z-index:3;
etc.

Cumps.

Redcodestudio

Notícias:

Autor Tópico: [Dúvidas] HTML (Localização de caixa de texto? Como?) (Lida 4105 vezes)

gocho

[Dúvidas] HTML (Localização de caixa de texto? Como?)

gimbras

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)

gocho

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)

gocho

Re: [Resolvido][Dúvidas] HTML (Localização de caixa de texto? Como?)

gocho

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)

gimbras

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)

gocho

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)

gimbras

Re: [Dúvidas] HTML (Localização de caixa de texto? Como?)