[Resolvido] jquery.load

marcosaguiar · Janeiro 7, 2011

Boa Tarde

Estou iniciando com jquery e divs, estou fazendo um site usando divs e peguei o código em uma video aula que nela funciona beleza, mas implementei no meu código, porém ao clicar no link não carrega a página na div de forma alguma, já to quase apelando para usar iframe, se alguém conseguir entender o motivo de não carregar, ficarei muito grato.

Segue abaixo o código:

Clico em home e simplesmente não ocorre nada.

<!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=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jquery.noconflict();
jquery(document).ready(function() {
jquery("#conteudo").load("home.html");
});

function abrePag(page)
{
jquery(#conteudo).load(page);
}
</script>

<style type="text/css">
<!--
body {
margin: 0px;
height: auto;
}
#tudo {
margin: auto;
height: auto;
width: 980px;
}
#topo {
height: 150px;
width: 980px;
}
#menu {
height: 30px;
width: 980px;
position: relative;
background-color: #003399;
}
#conteudo {
width: 980px;
overflow: auto;
position: relative;
height: 500px;
background-color: #CCCCCC;
}
#rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #003366;
background-color: #FFFFFF;
height: 15px;
width: 980px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #003366;
border-bottom-color: #003366;
font-size: 10px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="tudo">
 <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
 <div id="menu"><a href="javascript:abrePag("home.html");">home</a></div>
 <div id="conteudo"></div>
 <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>

</body>
</html>

macielcr7 · Janeiro 7, 2011

<div id="menu">
<a href="javascript:abrePag('home.html');">home</a>
</div>

mateushim · Janeiro 7, 2011

olá

tenta assim:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {	
$("#conteudo").load("home.html");
});

function abrePag(page)
{
$("#conteudo").load(page);
return false;
}
</script>


</head>
<body>
<div id="tudo">
<div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
<div id="menu"><a href="javascript:abrePag('home.html');">home</a></div>
<div id="conteudo"></div>
<div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>

</body>
</html>

marcosaguiar · Janeiro 7, 2011

É tentei das duas formas e nada ainda, ta muito estranho, minha página home to ok salva normal no mesmo lugar que a index, segue abaixo o código dela, não sei vai ajuda em alguma coisa mas tudo vale.

Página home.html que tento chamar pelo jquery.load

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

-->

</style>

</head>

<body>

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','500','height','350','src','flash/principal','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/principal' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="500" height="350">

</object></noscript>

</body>

</html>

macielcr7 · Janeiro 8, 2011

meu amigo seu codigo as duas ideias que eu e o outro cara lhe demos estão corretas....

o erro é seu veja

<script type="text/javascript" src"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

você esqueçeu do " = " depois do " src ".

o correto será...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

marcosaguiar · Janeiro 10, 2011

Continua não carregando.

Maciel, fiz a correção no código inserido o "=", mas continua não carregando a página, baixei o jquery.jsp para o hd, coloquei o caminho também tentei da forma que estava antes apenas inserindo o "=" e nada, quando clico em home aparece na barra de status javascript:abraPag('home.html'); e depois concluido, mas não carrega a página. Abaixo o código com as alterações:

<!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=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src="c:\sites\praticaembalagens\jquery.jsp"></script>
<script type="text/javascript">
jquery.noconflict();
jquery(document).ready(function() {
jquery("#conteudo").load("home.html");
});

function abrePag(page)
{
jquery(#conteudo).load(page);
}
</script>

<style type="text/css">
<!--
body {
margin: 0px;
height: auto;
}
#tudo {
margin: auto;
height: auto;
width: 980px;
}
#topo {
height: 150px;
width: 980px;
}
#menu {
height: 30px;
width: 980px;
position: relative;
background-color: #003399;
}
#conteudo {
width: 980px;
overflow: auto;
position: relative;
height: 500px;
background-color: #CCCCCC;
}
#rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #003366;
background-color: #FFFFFF;
height: 15px;
width: 980px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #003366;
border-bottom-color: #003366;
font-size: 10px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="tudo">
 <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
 <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div>
 <div id="conteudo"></div>
 <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>

</body>
</html>

macielcr7 · Janeiro 11, 2011

cara entre no codigo fonte pelo navegador e clique no link do jquery. para ver se você informou o caminho correto !

recomendo você usar o FIREBURG. caso você use o firefox...

https://addons.mozilla.org/pt-br/firefox/addon/1843/

Patrique · Janeiro 11, 2011

Olha como você colocou

c:\sites\praticaembalagens\jquery.jsp

coloque o caminho dinamico

/javascript/jquery.js

por exemplo... ou utilize o jquery do google, este é o endereço, com ele carregara até mais rápido.

https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

ficando assim

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

[]'s

marcosaguiar · Janeiro 11, 2011

Usei o firebug, o erro é na linha 6 (jquery indefined) exatamente onde carrega a biblioteca, já mudei para o endereço de referência e mesmo assim não carrega e persiste o erro jquery indefinida.

Abaixo código da última tentativa com o endereço de referência.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jquery.noconflict();
jquery(document).ready(function() {
jquery("#conteudo").load("home.html");
});

function abrePag(page)
{
jquery("#conteudo").load(page);
}
</script>

<style type="text/css">
<!--
body {
margin: 0px;
height: auto;
}
#tudo {
margin: auto;
height: auto;
width: 980px;
}
#topo {
height: 150px;
width: 980px;
}
#menu {
height: 30px;
width: 980px;
position: relative;
background-color: #003399;
}
#conteudo {
width: 980px;
overflow: auto;
position: relative;
height: 500px;
background-color: #CCCCCC;
}
#rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #003366;
background-color: #FFFFFF;
height: 15px;
width: 980px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #003366;
border-bottom-color: #003366;
font-size: 10px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="tudo">
 <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
 <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div>
 <div id="conteudo"></div>
 <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>

</body>
</html>

William Bruno · Janeiro 11, 2011

case sensitive

escreva jQuery e não jquery (com o Q em maiusculo)

Patrique · Janeiro 11, 2011

Muito bom William, tentei assim e foi também

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
     $("#conteudo").load("home.html");
  });
  function abrePag(page) {
     $("#conteudo").load(page);
  }
</script>
<style type="text/css">
<!--
body {
  margin: 0px; 
  height: auto;
}
#tudo {
  margin: auto; 
  height: auto; 
  width: 980px;
}
#topo {
  height: 150px; 
  width: 980px;
}
#menu {
  height: 30px; 
  width: 980px; position: relative; 
  background-color: #003399;
}
#conteudo {
  width: 980px; 
  overflow: auto; 
  position: relative; 
  height: 500px; 
  background-color: #CCCCCC;
}
#rodape {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; 
  color: #003366; 
  background-color: #FFFFFF; 
  height: 15px; 
  width: 980px; 
  border-top-width: thin; 
  border-right-width: thin; 
  border-bottom-width: thin;
  border-left-width: thin; 
  border-top-style: solid; 
  border-right-style: none; 
  border-bottom-style: solid; 
  border-left-style: none; 
  border-top-color: #003366; 
  border-bottom-color: #003366; 
  font-size: 10px; 
  text-align:center;
}
-->
</style>
</head>
<body>
<div id="tudo">
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
  <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div>
  <div id="conteudo"></div>
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>
</body>
</html>

* dei uma organizada no code, pois tava fei dimais rs

marcosaguiar · Janeiro 11, 2011

É Patrique, ta dureza, coloquei Q e nada continuou o mesmo erro, depois copiei o trecho do seu código alterado que você disse que foi e apareceram cinco erros da linha 08 à 13 deu "$" indefinido. To quase apelando para Iframe. Segue ai o código alterado, testei no firefox e no IE

<!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=utf-8" />
<title>Prática Embalagens</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
  $(document).ready(function() { 
     $("#conteudo").load("home.html"); 
  }); 

  function abrePag(page) { 
     $("#conteudo").load(page); 
  } 
</script> 


<style type="text/css">
<!--
body {
margin: 0px;
height: auto;
}
#tudo {
margin: auto;
height: auto;
width: 980px;
}
#topo {
height: 150px;
width: 980px;
}
#menu {
height: 30px;
width: 980px;
position: relative;
background-color: #003399;
}
#conteudo {
width: 980px;
overflow: auto;
position: relative;
height: 500px;
background-color: #CCCCCC;
}
#rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #003366;
background-color: #FFFFFF;
height: 15px;
width: 980px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #003366;
border-bottom-color: #003366;
font-size: 10px;
text-align:center;
}
-->
</style>
</head>
<body>
<div id="tudo">
 <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div>
 <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div>
 <div id="conteudo"></div>
 <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div>
</div>

</body>
</html>

Patrique · Janeiro 11, 2011

Apague o cache de sua máquina e teste novamente com as modificações, testei aqui e foi de boa em ambos os navegadores.

marcosaguiar · Janeiro 11, 2011

Olha, ta osso, limpei o cache dos dois navegadores,

No IE nada

No firefox não carrega e o firebug mostra os erros abaixo. Quando começa assim é um inferno pra resolver e no final é uma bobagem.

$ is not defined

[Parar neste erro] $(document).ready(function() {

index.html (linha 7)

$ is not defined

[Parar neste erro] $("#conteudo").load(page);

index.html (linha 11)

$ is not defined

[Parar neste erro] $("#conteudo").load(page);

index.html (linha 11)

Código abaixo testado

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
  $(document).ready(function() { 
     $("#conteudo").load("home.html"); 
  }); 
  function abrePag(page) { 
     $("#conteudo").load(page); 
  } 
</script> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo { 
  margin: auto;  
  height: auto;  
  width: 980px; 
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo { 
  width: 980px;  
  overflow: auto;  
  position: relative;  
  height: 500px;  
  background-color: #CCCCCC; 
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

William Bruno · Janeiro 11, 2011

Cara, você tá rodando isso offline ?

se estiver, baixe a lib jQuery, e link ela corretamente.

marcosaguiar · Janeiro 11, 2011

Não estou rodando offline, mas para eliminar todas as possibilidades, eu já tinha baixado a biblioteca e salvei na pasta c:\sites\praticaembalagens com o nome de jquery.js, qual seria a sintaxe certa para carregar ela localmente buscando onde salvei, acho que não é isso mas não custa tentar.

Baixei o primeiro arquivo de 26k desse link http://jquery.com/

William Bruno · Janeiro 11, 2011

e em qual diretorio está o arquivo html ?

coloque o js no mesmo diretorio do html, e chame assim:

<script type="text/javascript" src="jquery.js"></script>

lembrando de renomear o arquivo para jquery.js

marcosaguiar · Janeiro 11, 2011

Ok, agora ficou interessante, ele carrega a página principal com o topo, barra de menu e rodapé, quando clico em home, ele carrega a página home, mas como se estivesse abrindo outra página, desaparece o topo o menu e o rodapé, sendo que a div conteúdo ta no meio dentro da div tudo,abaixo da div topo e menu. Segue código abaixo, e fica a barra de carregamento no meio e como se estivesse tentando abrir index.html. Os arquivos estão todas na mesma pasta, tanto o jquery.js quanto o index.html e home.html e outras que vou abrir também via menu. Código abaixo.

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
  function abrePag(page) { 
     $("#conteudo").load(page); 
  } 
</script> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo { 
  margin: auto;  
  height: auto;  
  width: 980px; 
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo { 
  width: 980px;  
  overflow: auto;  
  position: relative;  
  height: 500px;  
  background-color: #CCCCCC; 
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="javascript:abrePag('home.html');">home</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

William Bruno · Janeiro 11, 2011

troque:

<a href="javascript:abrePag('home.html');">home</a>

por:

<a href="home.html">home</a>

e então, troque:

<script type="text/javascript"> 
  function abrePag(page) { 
     $("#conteudo").load(page); 
  } 
</script>

por:

<script type="text/javascript"> 
$(document).ready(function(){
  $("#menu a").click(function( e ){
      e.preventDefault();
      $("#conteudo").load( $( this ).attr('href') ); 
  });
});
</script>

marcosaguiar · Janeiro 11, 2011

Fiz as trocas e deu na mesma, segue abaixo:

Interessante que o código inicial retirei de uma videoaula em que o cara testa e sai exatamente como eu queria que funcionasse o meu.

Link da videoaula, caso for interessante dar uma olhada

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#menu a").click(function( e ){ 
      e.preventDefault(); 
      $("#conteudo").load( $( this ).attr('href') );  
  }); 
}); 
</script> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo { 
  margin: auto;  
  height: auto;  
  width: 980px; 
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo { 
  width: 980px;  
  overflow: auto;  
  position: relative;  
  height: 500px;  
  background-color: #CCCCCC; 
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="home.html");">home</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Prática Embalagens</title> 
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#menu a").click(function( e ){ 
      e.preventDefault(); 
      $("#conteudo").load( $( this ).attr('href') );  
  }); 
}); 
</script> 
<style type="text/css"> 
<!-- 
body { 
  margin: 0px;  
  height: auto; 
} 
#tudo { 
  margin: auto;  
  height: auto;  
  width: 980px; 
} 
#topo { 
  height: 150px;  
  width: 980px; 
} 
#menu { 
  height: 30px;  
  width: 980px; position: relative;  
  background-color: #003399; 
} 
#conteudo { 
  width: 980px;  
  overflow: auto;  
  position: relative;  
  height: 500px;  
  background-color: #CCCCCC; 
} 
#rodape { 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
  color: #003366;  
  background-color: #FFFFFF;  
  height: 15px;  
  width: 980px;  
  border-top-width: thin;  
  border-right-width: thin;  
  border-bottom-width: thin; 
  border-left-width: thin;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: solid;  
  border-left-style: none;  
  border-top-color: #003366;  
  border-bottom-color: #003366;  
  font-size: 10px;  
  text-align:center; 
} 
--> 
</style> 
</head> 
<body> 
<div id="tudo"> 
  <div id="topo"><img src="imagens/topo/topo.jpg" width="980" height="150" /></div> 
  <div id="menu"><a href="home.html");">home</a></div> 
  <div id="conteudo"></div> 
  <div id="rodape">Copyrigth - Todos os Direitos Reservados a Pratica Embalagens - Design by Marcos Aguiar</div> 
</div> 
</body> 
</html>

Arquivado

[Resolvido] jquery.load

Recommended Posts

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

macielcr7 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

mateushim 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

macielcr7 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

macielcr7 9

Compartilhar este post

Link para o post

Compartilhar em outros sites

Patrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Patrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Patrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

marcosaguiar 0