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

gocho
Iniciado

Offline

Mensagens: 13

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

« 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


« Última modificação: 25 de Junho de 2007, 01:16:16 por gocho »	Registado

gimbras
Emblema de Prata

Offline

Mensagens: 1101

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

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

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

Código:

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.


	Registado

Salva a TERRA

gocho
Iniciado

Offline

Mensagens: 13

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

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

Era mesmo isso que eu estava a precisar!! Thanks Wink


	Registado

gocho
Iniciado

Offline

Mensagens: 13

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

« 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! Sad

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


	Registado

gocho
Iniciado

Offline

Mensagens: 13

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

« 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!


	Registado

gimbras
Emblema de Prata

Offline

Mensagens: 1101

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

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

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

Cumps.


	Registado

Salva a TERRA

gocho
Iniciado

Offline

Mensagens: 13

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

« 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;
}


	Registado

gimbras
Emblema de Prata

Offline

Mensagens: 1101

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

« 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.


	Registado

Salva a TERRA

Páginas: [1]

« anterior seguinte »

	Olá, Visitante. Por favor Entre ou Registe-se se ainda não for membro. 20 de Novembro de 2008, 20:59:04

Notícias: PARTICIPE NO NOSSO FÓRUM! Coloque dúvidas, ajude quem precisa, mostre o que sabe, revele-nos os seus trabalhos, etc!