Ir para conteúdo

POWERED BY:

Arquivado

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

sr.silva

Acertar Tela de Login/Senha

Por , em Desenvolvimento frontend

Recommended Posts

sr.silva    1

sr.silva
Postado

Olá!!

 

Estou criando essa tela e esta dando um problemão nela!!

 

Codigo HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Sistema de Administração - AMZ Soluções</title><link rel="stylesheet" type="text/css" href="css/estilos.css" /></head><body><!-- DIV TOPO --><div id="geral"></div><!-- FIM DIV TOPO --><!-- DIV CORPO --><div id="corpo">  <h1> :: Área Restrita Informe o seu Login e Senha de Acesso </h1>  <form name="frmPrincipal" action="">	 Login: <input type="text"  />   Senha:<input type="password"/> 	  </form></div><!-- FIM DIV CORPO --></body></html>

- Como faço para os inputs ficarem um em baixo do outro???

- Como faco para que o topo fique junto da parte branca????

 

Segue Codigo CSS

/* CSS Document */*{  background:#C0C0C0;  text-align:center;   }#geral{	width: 750px;	height: 100px;	padding: 5px;	margin:auto;	background: url(../images/background.jpg) no-repeat;			}#corpo{  width: 750px;  height: 100px;  background:#FFFFFF;  padding: 5px;  margin:auto;  }#corpo h1{  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  width: 500px;  height: 10px;  background:#FFFFFF;     text-align:center;   }#corpo p{  font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:12px;  width: 750px;  height: 10px;  background:#FFFFFF;  }#corpo input{  border:2px solid #000099;  font:12px Verdana, Arial, Helvetica, sans-serif;  color:#000;  border: 2px solid #000;  padding-left: 2px;    background:#FFFFFF;	}</style>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

veja este link

 

Formulários Acessíveis

url : http://cirofeitosa.com.br/post/formularios-acessiveis

Data: Quinta-feira, 10 de Fevereiro, 2005

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lab Design    0

Lab Design
Postado

Bruno, eu não sou expert em CSS, também apanho um bocado desses divs mas no seu caso ai eu vejo as seguintes soluções:1) coloque um <br> após o primeiro input.ou2) crie um div com as dimensões o suficiente para caber somente um input que automaticamente o outro decerá.ex: no css#divInput{ float:left; width:200px; }no html:<div id="divInput"> Login: <input type="text" /> Senha:<input type="password"/></div>Porque o div no qual está o form está dimensionado para o tamanho total da tela e portanto é natural que o browser tente colocar um ao lado do outro.O fload=left manterá o novo div alinha na esquerda se retirá-lo o div vai ficar centralizado devido a primeiro parametro do css:*{ background:#C0C0C0; text-align:center; }

Compartilhar este post

Link para o post
Compartilhar em outros sites

sr.silva    1

sr.silva
Postado

Quanto a parte branca que fica entre as duas DIV´s , como faço para resolver isso!!

eh soh estudar css... as propriedades...

Aposto que quando estava comecando tb sentia dificuldades....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito