[Resolvido] Site desfocando ao clicar no botão "Enviar"
Bom dia galera!caros, estou com um problema aqui, espero que alguém possa ajudar...
O que acontece é o seguinte, nós estamos implantando uma loja virtual aqui na empresa, e vários setores estão envolvidos no projeto. Então resolvemos criar um portal do nosso setor na Intranet para poder postar lá as atualizações da loja virtual e os outros setores poderem entrar em contato.
Mas acontece que quando a pessoa clica no botão "enviar" para enviar o formulário de contato, o site fica todo desfocado. Como não manjo muito de HTML/CSS vim verificar se alguém aqui consegue dar uma ajuda.
Segue imagens:
Normal:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img707.imageshack.us/img707/6315/normaly.png&key=730be10836588262c3b7de1be3eebc6464e3d662d98619985275df51d302ba1d" alt="normaly.png" />
Bug:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img600.imageshack.us/img600/7720/erroh.png&key=80b72cedb62f221e1b45e27568f88da4f815abccc0521809af6de2d869820462" alt="erroh.png" />
Segue o código:
<!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>
<title>Untitled-3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#sugestao {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCC;
text-align: center;
}
.form_txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
background-color: #666;
border: 1px outset #FFF;
}
</style>
</head>
<body bgcolor="#FFFFFF" background="images/bkg2.png"><!-- ImageReady Slices (Untitled-3) -->
<table id="Table_01" width="961" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="6" width="5" height="520" style="background-repeat: no-repeat;" background="images/index_01.gif">
</td>
<td rowspan="5" width="36" height="447" style="background-repeat: no-repeat;" background="images/index_02.gif">
</td>
<td colspan="3" width="919" height="35" style="background-repeat: no-repeat;" background="images/index_03.gif">
</td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt="" /></td>
</tr>
<tr>
<td rowspan="2" width="331" height="36" style="background-repeat: no-repeat; background-image: url(images/index_04.gif);">
</td>
<td colspan="2" width="588" height="11" style="background-repeat: no-repeat;" background="images/index_05.gif">
</td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt="" /></td>
</tr>
<tr>
<td rowspan="2" style="background-repeat: no-repeat;" background="images/index_06.gif" width="535" height="384"></td>
<td rowspan="3" width="53" height="401" style="background-repeat: no-repeat;" background="images/index_07.gif">
</td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt="" /></td>
</tr>
<tr>
<td width="331" height="359" style="background-image: url(images/index_08.gif); background-repeat: no-repeat;"><form id="form1" name="form1" method="post" action="?acao=enviar">
<table width="100%" border="0" id="sugestao">
<tr>
<td width="2%"></td>
<td colspan="4"><h1> Entre em contato!</h1></td>
<td width="8%"></td>
</tr>
<tr>
<td></td>
<td colspan="4"><textarea name="sugestao" cols="40" rows="5" class="form_txt" id="sugestao"></textarea></td>
<td></td>
</tr>
<tr>
<td></td>
<td width="18%"></td>
<td width="24%"><b>Nome:</b></td>
<td width="30%"><input name="colaborador" type="text" class="form_txt" id="colaborador" /></td>
<td width="18%"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><b>E-mail:</b></td>
<td><input name="email" type="text" class="form_txt" id="email" /></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="4"><input name="but_enviar" type="submit" class="form_txt" id="but_enviar" value="Enviar" /></td>
<td></td>
</tr>
<tr>
<td height="136"></td>
<td colspan="4"> <?php
include "connect.php";
$acao = $_GET['acao'];
if ($acao=="enviar") {
$sugestao = $_POST['sugestao'];
$colaborador = $_POST['colaborador'];
$email = $_POST['email'];
$data = date("d/m/Y");
if ($sugestao == "" or $email == "" or $colaborador == "") {
echo '<script type="text/javascript">alert("Você não preencheu todos os campos!")</script>';
}
else {
mysql_query("insert into ljvirtual_sugestoes (nome, sugestao, email, data) values ('$colaborador', '$sugestao', '$email', '$data');");
echo "Sua sugestão foi enviada! Obrigado por colaborar conosco!<br /><b><u>TiTeam</u></b>";
}
}
?></td>
<td></td>
</tr>
</table>
</form></td>
<td>
<img src="images/spacer.gif" width="1" height="359" alt="" /></td>
</tr>
<tr>
<td width="331" height="17" style="background-repeat: no-repeat;" background="images/index_09.gif">
</td>
<td width="535" height="17" style="background-repeat: no-repeat;" background="images/index_10.gif">
</td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt="" /></td>
</tr>
<tr>
<th colspan="4" style="background-repeat: no-repeat;" background="index_11.gif" width="955" height="73" nowrap valign="top"> </th>
<td>
<img src="images/spacer.gif" width="1" height="73" alt="" /></td>
</tr>
</table><!-- End ImageReady Slices -->
</body>
</html>Discussão (2)
Carregando comentários...