Ir para conteúdo

POWERED BY:

Arquivado

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

rafaeldupalio

Pagina de Login responsive para noob's

Por , em Desenvolvimento frontend

Recommended Posts

rafaeldupalio    5

rafaeldupalio
Postado

Galera sou extramente noob em css, e preciso criar uma tela de login responsiva e tenho uma imagem de background e a caixa de login bem ao lado com os campos login e senha e o botao. alguem pode me ajudar?segue a pagina atualmente

</style>
</head>
<body bgcolor="#D6D6D6" text="#000000" link="#0000CC">
<table width="100%" border="0" align="center">
  <tr align="center" valign="middle">
    <th width="100%" scope="row"><table width="41%" height="175" border="0" align="center">
      <tr align="center">
        <td height="171" valign="middle"> </td>
      </tr>
    </table></th>
  </tr>
  <tr align="center" valign="middle">
    <th height="744" scope="row"><table width="100%" height="735" border="0" align="center">
      <tr align="center" valign="middle">
        <td width="550" rowspan="4" valign="bottom"><img src="imagens/esquerdahome.gif" width="550" height="327" align="bottom" /></td>
        <td width="563" height="201" rowspan="2"><img src="imagens/logohome.gif" width="563" height="400" /></td>
        <td width="233" height="201" valign="top"><form id="form_login2" name="form_login" method="post" action="login.asp">
          <p>
            <label for="Login"><strong>Login</strong></label>
            <input type="text" name="Login" id="Login" placeholder="Coloque aqui seu usuário" />
          </p>
          <p>
            <label for="Senha"><strong>Senha</strong></label>
            <input name="Senha" type="password" id="Senha" value="" placeholder="Coloque aqui sua senha" />
            <br />
            <br />
            <input type="submit" name="Enviar2" id="Enviar2" value="Enviar" />
          </p>
        </form></td>
        <td width="550" rowspan="4" align="right" valign="bottom"><img src="imagens/direitahome.gif" width="550" height="442" align="baseline" /></td>
      </tr>
      <tr align="center" valign="middle">
        <td height="138" valign="top"> </td>
      </tr>
      <tr align="center" valign="bottom" bgcolor="#FFFFFF">
        <td height="297" colspan="2" align="left" valign="bottom"><p><img src="imagens/sitehome.gif" width="313" height="34" align="middle" /></p></td>
      </tr>
    </table></th>
  </tr>
</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Primeira coisa:

-> Refaça todo esse HTML. A tag <table> não deve ser usada para estruturar layout.

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