Desconfiguração de Página

>
Opa gente...Eu de novo!

Então estou produzindo um site aqui, mais ja estou enfrentando alguns problemas...

Eu ja fiz algumas paginas mais tem uma coisa que ta me intrigando....

Quando eu abro os site com o Easy PHP...Ele abre belezinha, mais quando eu aperto F5 pra atualizar a pagina ele desconfigura o Carrosel e uma Shadowbox que eu fiz...No caso da Shadow box, os botões de Paginação (1,2,3) não funcionam, Daí eu do F5 de novo e ele funciona, Mais se eu der um F5 novamente, ele aparece desconfigurado...e assim vai...

aproveitando...

Outra coisa...eu fiz um formulário de contato, mais quando eu Click em um campo ele vai para o campo de cima,tenho que manter pressionado pra poder digitar naquele campo...

Essa é a minha questão...

Obrigado pela atenção

Eu entrei no http://validator.w3.org/check pra ver os erros, e me apareceram este aqui. Não sei o que significam direito...Alguem pode me ajudar??

Agradeço a atenção!!!

Validation Output: 11 Errors

Line 1, Column 1: character "/" not allowed in prolog
/RESETE/
✉
Line 21, Column 2: character "b" not allowed in prolog
background:#f4f4f4;
✉
Line 40, Column 2: character "m" not allowed in prolog
margin:80px 10px 0 0;
✉
Line 54, Column 1: character "}" not allowed in prolog
}
✉
Line 70, Column 2: character "f" not allowed in prolog
float:left;
✉
Line 87, Column 2: character "w" not allowed in prolog
width:200px;
✉
Line 99, Column 2: character "f" not allowed in prolog
font:16px Tahoma, Geneva, sans-serif;
✉
Line 117, Column 1: character "}" not allowed in prolog
}
✉
Line 137, Column 2: character "t" not allowed in prolog
text-decoration:none;
✉
Line 150, Column 2: this is not an SGML document
color:#FFF;
✉
Line 150, Column 2: cannot continue because of previous errors
color:#FFF;

poste os arredores do teu css com essas linhas, o problema pode estar em volta, e não somente na linha.

Aqui está todo meu CSS;

/RESET/
*{

margin:0;
padding:0;
}

background:#CCC;
}
.alinleft{
float:left;
margin-right:8px;
padding:2px;
border:1px solid #333;
background:F4F4F4;
}
.alinright{
float:right;
margin-left:8px;
padding:2px;
border:1px solid #333;
background:F4F4F4;
}

/BOX/

#box {
width:900px;
margin:0 auto;
}

/HEADER/

#header{
height:160px;
background:url(Imagens/bg_header.png); no repeat;

}
#header_logo{
float:left;
margin:5px 0 0 15px;
}
#header_contatos{
float:right;
margin:85px 14px 0 0;
font:20px Arial, Helvetica, sans-serif; color:#FFF;
font-weght:bold;
text-align:right;
text-shadow:1px 1px 5px #333;
}

font-size:13px;
}

/MENU/

#menu{
height:35px;
background: url(Imagens/menu.png) top repeat-x;
}

position:absolute;
margin:0;
padding:0;
float:left;
list-style:none;
}

display:inline;
}

text-decoration:none;
color:#FFF;
font:20px Arial, Helvetica, sans-serif;
float:left;
padding:5px 12px 6px;
text-shadow:1px 1px 5px #333;
}

float:left;
}
#menu_search{
float:right;
}

margin:3px 5px;
}

padding:2px;
width:215px;
color:#FFF;
font:17px Tahoma, Geneva, sans-serif;
background:#069;
border:1px solid #036;
}

width:80px;
font:17px Tahoma, Geneva, sans-serif;
color:#FFF;
background:#069;
border:1px solid #036;
}

/CONTENT - DIV MÃE/

#content{
width:900px;
background:#FFF;
float:left;
}

/NOTICIAS - BLOCO 1/

#noticias{
width:900px;
}

#destaques{
width:500px;
float:left;
background:#EBEBEB;
margin:5px;
padding:5px;
overflow:hidden;
}
#noticias_destaque{
width:500px;
height:370px;
}
.pager{
width:500px;
text-align:right;
float:left;
}

padding:5px;
text-decoration:none;
color:#069;
background:#FFF;
margin:0 1px;
}

font:16px Georgia, "Times New Roman", Times, serif;
color:#333;
text-decoration:none;
font-weight:bold;
text-shadow:1px 1px 1px #999;
}

font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}

color:#333;
text-decoration:none;
}

color:#000;
text-decoration:underline;
}
#noticias_lista{
width:375px;
float:right;
padding:5px 5px 5px 0;
}

#noticias_lista a{

text-decoration:none;
color:#333;
}

#noticias_lista ul{

margin:0;
padding:0;
float:left;
list-style:none;
}

float:left;
margin-bottom:3px;
width:375px;
}

background:#E1F5FF;
}

background:#036;
}

font:12px Tahoma, Geneva, sans-serif;
margin:2px 0;
}

padding:6px;
background:#069;
float:left;
font:50px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
text-shadow:1px 1px 5px #333;
text-align:center;
margin-right:3px;
}

float:left;
margin-right:3px;
border:0;
}

font:12px Georgia, "Times New Roman", Times, serif;
color:#069;
font-weight:bold;
text-shadow:1px 1px 1px #999;
}

font:14px Georgia, "Times New Roman", Times, serif;
color:#333;
}

#cursos{
width:900px;
}
#cursos_lista{
width:600px;
margin:0 5px 5px;
padding:5px;
float:left;
background:#EBEBEB;
}

margin:0;
padding:0;
float:left;
list-style:none;
}

text-decoration:none;
}

background:#FFF;
float:left;
padding:3px;
margin-bottom:5px;
}

background:#CCC;
}

float:left;
margin-right:5px;
border:0;
}

margin:0 0 10px 0;
font:14px Tahoma, Geneva, sans-serif;
color:#333;
text-decoration:none;
}

#cursos_shoping{
width:265px;
padding:5px;
background:#333;
float:right;
margin-right:5px;
}

text-decoration:none;
color:#FFF;
font:14px Arial, Helvetica, sans-serif;
}

font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
text-shadow:1px 1px 5px #333;
text-transform:uppercase;
color:#FFF;
border-bottom:3px solid #FFF;
padding-bottom:9px;
margin-bottom:11px;
}

margin:0;
padding:0;
float:left;
list-style:none;
}

float:left;
padding:5px;
border-bottom:1px dotted #FFF;
}

background:#000;
}

float:left;
margin-right:5px;
border:0;
}

font-weight:bold;
color:#F00;
}
.titulo_loja{
text-shadow:1px 1px 1px #999;
}
.botao_cursos{
width:215px;
height:57px;
background:url(Imagens/menu_livros.jpg) top no-repeat;
float:left;
display:block;
margin:17px 25px;
}

background:url(Imagens/menu_livros.jpg) bottom no-repeat;
}

#estudantes_page{
width:556px;
float:left;
margin:5px;
padding:5px;
font:18px Georgia, "Times New Roman", Times, serif;
color:#333;
}

font:35px Tahoma, Geneva, sans-serif;
color:#069;
text-shadow:1px 1px 5px #333;
text-transform:uppercase;
}

margin:10px 0;
}
#estudantes_ilustra{
width:294px;
height:313px;
padding:10px;
background:url(Imagens/estudantes.jpg) no-repeat;
float:right;
margin:5px;
}

/RODAPE/

#footer{
position: relative;
margin-top: -150px;
height: 160px;
background:#333;
width:900px;
margin:0 auto;
clear:both;
}
#footer_login{
font:16px Tahoma, Geneva, sans-serif;
color:#FFF;
font-weight:bold;
padding:25px 0 0 30px;
width:330px;
float:left;
}

text-shadow:1px 1px 5px #4F4F4F;
}

padding:5px;
}

padding:3px;
width:162px;
border:1px solid #FFF;
background:#333;
font:16px Tahoma, Geneva, sans-serif;
color:#FFF;
font-weight:bold;
}

height:56px;
width:70px;
background:#FFF;
font:20px Tahoma, Geneva, sans-serif; color:#333;
cursor:pointer;
font-weight:bold;
text-shadow:1px 1px 5px #FFF;
}
#footer_empresa{
width:330px;
padding:35px 0 0 25px;
float:left;
font:22px Tahoma, Geneva, sans-serif;
color:#FFF;
text-align:center;
}

font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
}
#footer_ass{
float:right;
margin:30px;
}

/PAGINAS/

#page_content{
background:url(Imagens/page_bg.jpg) repeat-y;
float:left;
width:900px;
}
#sidebar{
width:300px;
padding:10px;
float:left;
font:14px Georgia, "Times New Roman", Times, serif;
color:#FFF;
}

font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-shadow:1px 1px 1px #ccc;
border-bottom:3px solid #fff;
margin-bottom:5px;
padding-bottom:1px;
}

color:#f4f4f4;
text-shadow:1px 1px 1px #FFF;
font:16px Tahoma, Geneva, sans-serif;
font-weight:bold;
}

margin:15px;
}

margin:15px 20px;
}
#page{
width:570px;
padding:5px;
float:right;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
}

text-decoration:none;
font:14px Georgia, "Times New Roman", Times, serif;
color:#069;
font-weight:bold;
}

color:#0CF;
}

font:20px Tahoma, Geneva, sans-serif;
text-transform:uppercase;
text-shadow:1px 1px 3px #333;
color:#069;
border-bottom:3px solid #069;
margin-bottom:10px;
padding-bottom:3px;
}

font:20px Tahoma, Geneva, sans-serif;
text-shadow:1px 1px 1px #000;
color:#DADADA;
}

margin:15px 0;
}

margin:15px 30px;
}

margin:15px 40px;
}

margin:15px 30px;
border-left:5px solid #069;
padding:0 5px;
background:#f4f4f4;
}

width:500px;
padding:10px;
background:#f4f4f4;
display:block;
margin:10px auto;
}

border:0;
}

font:20px Tahoma, Geneva, sans-serif;
text-transform:uppercase;
text-shadow:1px 1px 3px #333;
color:#069;
}

margin:10px 0;
font:16px Georgia, "Times New Roman", Times, serif;
color:#333;
font-weight:bold;
text-shadow:1px 1px 1px #666;
display:block;
}

padding:3px;
border:2px solid #069;
background:#333;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
width:494px;
display:block;
margin:5px 0;
}

padding:3px;
border:2px solid #069;
background:#333;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
width:494px;
display:block;
margin:5px 0;
}

width:150px;
display:block;
margin:0 auto;
}

background:#000;
border:2px solid #09F;
cursor:pointer;
}

Em relacao aos inputs, pode ser que voce tenha colocado todos os inputs em 1 unico label

deve-se fazer deste modo:

<label><input type="text" name="nome"></label>
<label><input type="text" name="nome2"></label>

>
Em relacao aos inputs, pode ser que voce tenha colocado todos os inputs em 1 unico label

deve-se fazer deste modo:

<label><input type="text" name="nome"></label>
<label><input type="text" name="nome2"></label>

Você fala em relação ao formulário né...Ja corrigi...Agora só falta esse probleminha, que tah me atrasando...Não consigo nem achar algo parecido na NET...É estranho demais, as vezes funciona beleza a pagina...Mais se eu der F5 algumas vezes ou clikar em outro link ja não funcionam...No caso do ShadowBox como ja disse os botoes de paginação ja não funcionam.eu removi alguns elementos e eles funcionaram mais não ficou do jeito que esperava e em vez de ficar 1 2 3 ficaram 3 2 1...

E o Carrosel vertical em j-carry ele teria que ser sempre assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i55.tinypic.com/69lrx3.jpg&key=9fd87151c45f2b65f08ae04461b1975f5bafd491eabac637b233f0e1ca5a0595" alt="69lrx3.jpg" />

Mais após alguns F5 e cliques olhem como fica:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i53.tinypic.com/2hgfmac.jpg&key=c6035d2d8c5356f128806925e3f23ab9fc552f1feea72677c90607830a3235cb" alt="2hgfmac.jpg" />

Olá,

Seu código é um pouco extenso, entrei este pequeno erro:

#header{
 height:160px;
 background:url(Imagens/bg_header.png); no repeat;

}

Possivelmente não seja daí, mas não custa tentar.

Nunca usei o Easy PHP, não o consigo ajudar.

Cumps,

Kraken

>
Olá,

Seu código é um pouco extenso, entrei este pequeno erro:

#header{
 height:160px;
 background:url(Imagens/bg_header.png); no repeat;

}

Possivelmente não seja daí, mas não custa tentar.

Nunca usei o Easy PHP, não o consigo ajudar.

Cumps,

Kraken

Opa ja ajuda...Eu reparei que é só a parde de Jquerry que da problema...Não sei oque fazer!!!

Pra melhor entendimento do problema...fiz um video dele aqui...Leia a descrição please...