Ir para conteúdo

POWERED BY:

Arquivado

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

Wagner Martins - SC

Problema com fundo

Por , em Desenvolvimento frontend

Recommended Posts

Wagner Martins - SC    0

Wagner Martins - SC
Postado 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Rocha Alimentos</title>
<link rel="stylesheet" href="css/global.css" type="text/css" />
<link rel="stylesheet" href="css/receitas.css" type="text/css" />
<!--
 jQuery library
-->
<script type="text/javascript" src="lib/jquery-1.4.2.min.js"></script>
<!--
 jCarousel library
-->
<script type="text/javascript" src="lib/jquery.jcarousel.min.js"></script>
<!--
 jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
   jQuery('#mycarousel').jcarousel();
});

</script>
<script type="text/javascript">
// JavaScript Document

var carregar;

function ObjAjax(){
 try{return new XMLHttpRequest()}
 catch(e){try{return new ActiveXObject("Msxml2.XMLHTTP")}
 catch(e){return new ActiveXObject("Microsoft.XMLHTTP")}}
 return null;
}

function navegar(page){
 ajax = new ObjAjax();
 var div = document.getElementById("receitas_info");

 ajax.onreadystatechange = function(){
   if(ajax.readyState == 1){div.innerHTML="<img src=imagens/ajax-loader.gif />";}
   if(ajax.readyState == 4){div.innerHTML=ajax.responseText;}

 }
 ajax.open("GET",page,true);
 ajax.send(null);
}
</script>
</head>

<body>
<div id="site">

<div id="centralizar">

	<div id="menu">
	<ul>
		<li><a href="index.html" title="">HOME</a></li>
		<li><a href="empresa.html" title="">EMPRESA</a></li>
		<li><a href="produtos.html" title="">PRODUTOS</a></li>
		<li class="selecionado"><a href="receitas.html" title="" class="selecionado_menu">RECEITAS</a></li>
		<li><a href="dicas.html" title="">DICAS</a></li>
		<li><a href="fale_conosco.html" title="">FALE CONOSCO</a></li>
	</ul>
	</div>

	<div id="logo">
		<a href="index.html" title="Rocha Alimentos"><img src="imagens/logo.png" alt="Rocha Aimentos"></a>
	</div>

<div id="auxiliar">
	<img src="imagens/banner_receitas.png" alt="">
</div>

<div id="separador">

<div id="receitas">

<h2>RECEITAS</h2>

<div id="quadro_receitas" class="myBox">

 <ul id="mycarousel" class="jcarousel-skin-tango">
		<li><a href="javascript:;" onclick="navegar('bolodeamendoim.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>BOLINHO DE AMENDOIM</p> </a><p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('carneassada.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>CARNE ASSADA</p></a> <p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('costelinhasuina.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>COSTELINHA SUÍNA ASSADA</p></a> <p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('farofa_fria.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>FAROFA FRIA</p></a> <p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('paodequeijo.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>PÃO DE QUEIJO</p></a> <p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('pedemoleque.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>PÉ DE MOLEQUE</p></a> <p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('pipocadoce.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>PIPOCA DOCE</p> </a><p class="descricao_produto">Descrição do produto</p></li>

		<li><a href="javascript:;" onclick="navegar('tutufeijao.html');" title=""><img src="imagens/produtos.jpg" alt="nome do produto" />
		<p>TUTU DE FEIJÃO</p></a> <p class="descricao_produto">Descrição do produto</p></li>
	</ul>

	<div id="receitas_info">


		<div id="divisao">
		<div id="foto_receita">
<img src="imagens/produtos.jpg" />
</div>
<div id="info_receitas">
<p><span class="titulo_receita">BISCOITO DE POLVILHO AZEDO </span><br>
	<br>
</p>
<hr />
<p></p>
<p><br>
</p>
</div>

<div id="texto_receitas">

	<p><strong>Ingredientes </strong><br>
		- 500 g de Polvilho Azedo Rocha <br>
		- 1 xícara de chá de leite<br>
		- 1 xícara de chá de óleo<br>
		- 3 ovos<br>
		- 1 colher de chá de sal</p>
	<p> </p>
	<p><strong>Modo de preparo </strong><br>
		- Coloque todos os ingredientes na batedeira<br>
		- Bata até a massa ficar homogênea<br>
		- Coloque a massa em um saco plástico, corte a ponta e aperte para a massa sair em uma forma refratária, dando o formato do biscoito. Recomenda-se um cumprimento de 10 cm. <br>
		- Leve ao forno em foco médio durante 15 a 20 minutos ou até ficar sequinho. </p>
</div>
</div>


</div>



	</div>


</div>







</div>



</div>

</div>




</div>

<div id="rodape">

<div id="centralizar_radape">

<div id="rodape_links">
<ul>
<li><a href="index.html" title="">HOME</a></li>
<li><a href="empresa.html" title="">EMPRESA</a></li>
<li><a href="produtos.html" title="">PRODUTOS</a></li>
<li><a href="receitas.html" title="">RECEITAS</a></li>
<li><a href="dicas.html" title="">DICAS</a></li>
<li><a href="fale_conosco.html" title="">FALE CONOSCO</a></li>
</ul>
</div>

<div id="endereco_rodape">
<p style="float:left; margin-right:550px;">Rua Coelho Neto, 80 - Pio Corrêa - 888111.518 - Criciúma - SC</p>
<p style="float:left">(48) 3433.9834<br>
(48) 3045.9820</p>
</div>

</div>


</div>

</body>
</html>

 

 

#receitas h2{
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
font-weight:bold;
color:#FFF;
margin-bottom:20px;
}

#quadro_receitas{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
padding:20px;
width:930px;
float:left;
margin:0 auto; 
} 
#quadro_receitas a{
color:#808080;
text-decoration:none;
}


#divisao{
width:930px;
margin:0 auto;
clear:both;
}


.titulo_receita{
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
font-weight:bold;
color:#599805;
margin-bottom:20px;
}



#texto_receitas{
clear:both;
padding-top:30px;
line-height:25px;
}
#outras_receitas h2{
color:#666;
}
#outras_receitas{
background-color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
padding:20px;
float:left;
width:240px;
text-align:center;
}

#links_outras_receitas li{
list-style:none;
margin-left:-40px;
}
#links_outras_receitas a{
font-size:16px;
color:#666;
text-decoration:none;
}
#links_outras_receitas a:hover{
color:#e01900;
}

#outras_receitas_2{
background-color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
padding:20px;
float:left;
width:240px;
margin-top:20px;
}
#links_outras_receitas_2 li{
list-style:none;
margin-left:-40px;
margin-top:20px;
text-transform: uppercase;
}
#links_outras_receitas_2 a{
color:#666;
text-decoration:none;
font-size:14px;
}
#links_outras_receitas_2 a:hover{
color:#e01900;
}
#mycarousel img{
margin-bottom:20px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Não encontrei onde fica o background, mas faz assim, onde tem o background, coloca: 

background: url("caminho.jpg") repeat-y;

 

Como muito bem visto pelo Wanderson, não existe background definido para os elementos do HTML, e os que estão definidos no CSS não existem no HTML. :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wagner Martins - SC    0

Wagner Martins - SC
Postado

Coloquei assim e deu certo. :lol:

 

body {
background-image: url(imagens/fundo.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

 

Coloquei isso dentro do CSS e deu certo

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