Ir para conteúdo

POWERED BY:

Arquivado

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

TeixeiraRamos

Por que funcional local e no servidor não

Recommended Posts

Tenho uma pagina chamada contato.html que tem esse 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>

<script type="text/javascript">

//<![CDATA[

window.onload = function(){

id('form1').onsubmit = function(){

var erro = 0;

erro = !obr( 'Nome' ) ? erro+1 : erro;

erro = !obr( 'Email' ) ? erro+1 : erro;

erro = !obr( 'Assunto' ) ? erro+1 : erro;

erro = !obr( 'Mensagem' ) ? erro+1 : erro;

 

if( !checkMail( id('Email') ) )

 

{

alert( 'Digite um email válido!' );

return false;

}

if( erro>0 )

return false;

};

};

function obr( campo ){

if( id(campo).value=='' || id(campo).value==0 ){

alert( 'O campo '+campo+' é obrigatório!' );

return false;

}

else

return true;

}

function id( el ){

return document.getElementById( el );

}

function checkMail(mail){

var er = new RegExp(/^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{2,}\.[A-Za-z0-9]{2,}(\.[A-Za-z0-9])?/);

if(typeof(mail) == "string"){

if(er.test(mail)){

return true; }

}else if(typeof(mail) == "object"){

if(er.test(mail.value)){

return true;

}

}else{

return false;

}

}

//]]>

</script>

<title>Blog Teixeira - Contato</title>

 

<meta name="description" content="divulgar diversos assuntos" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta content="pt-br" name="language" />

<meta content="Teixeira" name="title" />

<link type="text/css" media="all" rel="stylesheet" href="css/geral.css" />

<link type="text/css" media="all" rel="stylesheet" href="css/formulario.css" />

</head>

<body>

<!--Início da div tudo-->

<div id="tudo">

<!--Início da div topo-->

<div id="topo">

<h1>Blog <span>do Teixeira</span></h1>

<!--Início da div sobre-->

<div id="sobre">

<p>Teixeira teve um bom aproveitamento em diversos cursos da área de WebDesign e WebMaster. Atualmente aposentado tem esse espaço para postar comentários, artigos, reportagens, pesquisas. Tudo que ache relevante para o debate e a livre expressão de opiniões.</p>

</div>

<!--Fim da div sobre-->

 

<!--Início da div nav-->

<ul id="nav">

<li><a href="index.html">Inicial</a></li>

<li><a href="politica.html">Política</a></li>

<li><a href="hobby.html">hobby</a></li>

<li><a href="informatica.html">Informática</a></li>

<li><a href="religiao.html">Religião</a></li>

<li><a href="pesquisa.html">Pesquisa</a></li>

<li><a href="samba.html">Samba</a></li>

<li><a href="index.html">Eu indico</a></li>

<li><a href="blog.html">Blog</a></li>

</ul>

</div>

<!-- Fim da div#topo -->

 

<!--Início da div principal contato-->

<div id="principal-contato">

<form name="form1" id="form1" action="/cgi-bin/remotemail.cgi" method="post">

<input type="hidden" value="carlos.teixeira@terra.com.br" name="recipient" />

<input type="hidden" value="http://informacaoteixeira.com.br/confirma_formulario.html" />

<input type="hidden" value="Mensagem" name="subject" />

<table id="table">

<tbody>

<tr>

<td id="td" colspan="2">

<p class="p-top">Todas as mensagens serão lidas, analisadas e publicadas em seguida.<br />

Muito Obrigado.<br />

1 - Serão, automaticamente, descartados os comentários que contenham insultos, agressões e ofensas;<br/>

2 - que contenham qualquer espécie de anexo ou link, casos extremos contatar proprietário do site. </p>

 

</td>

</tr>

<tr>

<td class="td-nome" align="right"><span>Nome:</span></td>

<td class="td-nome">

<input type="text" name="Nome" size="60" id="Nome" />

</td>

</tr>

<tr>

<td class="td-email"><span>email:</span></td>

<td class="td-email">

<input type="text" name="Email" size="45" id="Email" />

</td>

</tr>

<tr>

<td class="td-opcao"><span>Opção/assunto:</span></td>

<td class="td-opcao">

<select name="Assunto" id="Assunto">

<option value="0">Escolha uma opção/assunto</option>

<option value="1">Política</option>

<option value="2">Hobby</option>

<option value="3">Informática</option>

<option value="4">Religião</option>

<option value="5">Pesquisa</option>

<option value="6">Samba</option>

</select>

</td>

</tr>

<tr>

<td class="td-mensagem"><span>Comentários:</span></td>

<td class="td-mensagem">

<textarea name="Mensagem" cols="60" rows="10" id="Mensagem"></textarea>

</td>

</tr>

<tr>

<td class="td-mensagem"><span> </span></td>

<td><input type="submit" name="Enviar" value="Enviar" /></td>

</tr>

</tbody>

</table>

</form>

</div>

<!-- Fim da div principal contato -->

 

<!--Início da div#rodape -->

<div id="rodape">

<p>Site criado em 2010 por Teixieira - Copyright ® 2010 - Rio de Janeiro/RJ</p>

</div>

<!--Fim da div#rodape-->

</div>

<!--Fim da div#tudo-->

</body>

</html>

 

A CSS

 

/* CSS Document calidacão W3C- 27/05/2010*/

 

#table {

width: 925px;

position: relative;

top: 15px;

left: 0px;

background: #6F7479 center;

margin-bottom: 55px;

margin-top: 15px;

}

.td-nome {

width:25%;

height: 20%;

background: #6F747A right;

}

 

.td-email {

width:10%;

height:5%;

background: #6F7478;

}

 

.td-opcao {

width:25%;

height:20%;

background: #eaeaea;

}

 

.td-mensagem {

width:25%;

height:80%;

background: #6F747A;

}

 

.td-nome, .td-email, .td-opcao, .td-mensagem {

color: #FFFFFF;

background: #6f7478;

font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

border-top-color: #999999;

}

 

*.p-top {

color: #FFFFFF;

font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

background: center center;

text-align:center;

}

 

#div-confirma-mensagem {

width:321px;

top: 20px;

text-align: center;

display: block;

position: relative;

height: auto;

float: left;

left: 290px;

margin-top: 100px;

padding-top: 10px;

padding-bottom: 30px;

margin-bottom: 275px;

background: #fff;

}

 

.alinha-texto-td{

text-align:right

 

}

 

 

 

No navegador Firefox, local, abre a página normalmente, ou seja, como eu gostaria.

Gravando no servidor, não fica igual. Parece que alguma não é estilazada.

Como pode ocorrer isso? É normal acaontecer essas coisas?

O caminha da CSS está correto...

Por favor me ajudem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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