matheus ar. Posted November 20, 2012 Report Share Posted November 20, 2012 Olá!Estou aprendendo html e css, e estou montando um site no Dreamweaver, até ai nada de mais, tudo funcionando legal, entretanto quando visualizo pelo navegador o background não aparece, segue abaixo as linhas de código.<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Covil nerd</title><link href="style.css" rel="stylesheet" type="text/css" /></head><body><div id="box"><div id="header"> <div id="header_logo"><a href="index.php"><img src="images/covilnerd2.png" alt="CovilNerd" border="0"/></a></div><!-- fechamento da div logo--> <div id="header_menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Covil nerd</a></li> <li><a href="#">Fale conosco </a></li> <li><a href="#"> Quem somos </a></li> </ul> </div><!-- fechamento da div menu--> </div><!-- fechamento da div header--><div id="content"> <div id="content_destaque"> <p>destaque </p> </div> <!-- fechamento da div destaque--> <div id="content_anuncio"> anuncio </div><!-- fechamento da div anuncio--> <div id="content_conteudo"> conteudo </div><!-- fechamento da div conteudo--> </div><!-- fechamento da div content--><div id="right_siderbar">barra da direita <div id="right_siderbar_feed"> feed </div><!-- fechamento da div feed--> <div id="right_siderbar_search"> </div> <!-- fechamento da div search--> <div id="right_siderbar_anuncio"> anuncio </div><!-- fechamento da div right--></div><!-- fechamento da div right--><div id="clear"></div> <!-- fechamento da div clear--></div><!-- fechamento da div box--><div id="footer_all"> <div id="footer"> <div id="footer_txt"> texto de rodapé </div><!-- fechamento da div footer_txt--> </div><!-- fechamento da div footer--></div><!-- fechamento da div footer_all--></body></html>/*reset*/*{margin:0; pading:0;}body{font: 14px"Trebuchet MS", Arial, Helvetica, sans-serif;background: url(images/big.fw.png)) repeat-x #fff;}#box {width: 1000px; margin:0 auto;}/*Topo*/#header{ height:360px; width: 1000px; border-bottom: 10px solid #666;}#header_logo{ float:left; margin: 40px 0 0 0px;}#header_menu{ float:left; background:#9F6;height:30px;width: 1000px;margin:55px 0 0 0px;} #header_menu ul{ list-style:none; float:left;} #header_menu li { display:inline; margin: 2px 10px 2px 0px;}/*content(conteudo)*/#content{width: 650px; float:left; background:#F3C; height:500px;}#content_destaque{}#content_anuncio{}#content_conteudo{}/*right siderbar*/#right_siderbar{width:200px; float:right; background:#900; height: 500px}#right_siderbar_feed{}#right_siderbar_search{}#right_siderbar_anuncio{}/*footer*/#clear{clear:both}#footer_all{ height:135px; background:url(images/footer2_bg.jpg) repeat-x #FFF;}#footer{width: 1000px; margin:0 auto} #footer_txt{} Quote Link to comment Share on other sites More sharing options...
0 Rafael Borba de Castro Posted November 21, 2012 Report Share Posted November 21, 2012 Coloque esse bloco de style, veja se funciona:<style type="text/css">body { background-image: url(CAMINHO-DA-IMAGEM.jpg);}</style> Quote Link to comment Share on other sites More sharing options...
0 _Vinny_ Posted November 22, 2012 Report Share Posted November 22, 2012 Tudo indica dois problemas:1 - A imagem não existe.2 - O caminho para a imagem no arquivo CSS está incorreto.Verifique ambas as situações para resolver seu problema. Quote Link to comment Share on other sites More sharing options...
Question
matheus ar.
Olá!
Estou aprendendo html e css, e estou montando um site no Dreamweaver, até ai nada de mais, tudo funcionando legal, entretanto quando visualizo pelo navegador o background não aparece, segue abaixo as linhas de código.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Covil nerd</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="header">
<div id="header_logo"><a href="index.php"><img src="images/covilnerd2.png" alt="CovilNerd" border="0"/></a></div><!-- fechamento da div logo-->
<div id="header_menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Covil nerd</a></li>
<li><a href="#">Fale conosco </a></li>
<li><a href="#"> Quem somos </a></li>
</ul>
</div><!-- fechamento da div menu-->
</div><!-- fechamento da div header-->
<div id="content">
<div id="content_destaque">
<p>destaque </p>
</div>
<!-- fechamento da div destaque-->
<div id="content_anuncio">
anuncio
</div><!-- fechamento da div anuncio-->
<div id="content_conteudo">
conteudo
</div><!-- fechamento da div conteudo-->
</div><!-- fechamento da div content-->
<div id="right_siderbar">
barra da direita
<div id="right_siderbar_feed">
feed
</div><!-- fechamento da div feed-->
<div id="right_siderbar_search">
</div>
<!-- fechamento da div search-->
<div id="right_siderbar_anuncio">
anuncio
</div><!-- fechamento da div right-->
</div><!-- fechamento da div right-->
<div id="clear">
</div>
<!-- fechamento da div clear-->
</div>
<!-- fechamento da div box-->
<div id="footer_all">
<div id="footer">
<div id="footer_txt">
texto de rodapé
</div><!-- fechamento da div footer_txt-->
</div><!-- fechamento da div footer-->
</div><!-- fechamento da div footer_all-->
</body>
</html>
/*reset*/
*{margin:0; pading:0;}
body{font: 14px"Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(images/big.fw.png)) repeat-x #fff;}
#box {width: 1000px; margin:0 auto;}
/*Topo*/
#header{ height:360px; width: 1000px; border-bottom: 10px solid #666;}
#header_logo{ float:left; margin: 40px 0 0 0px;}
#header_menu{ float:left;
background:#9F6;
height:30px;
width: 1000px;
margin:55px 0 0 0px;
}
#header_menu ul{ list-style:none; float:left;}
#header_menu li { display:inline; margin: 2px 10px 2px 0px;}
/*content(conteudo)*/
#content{width: 650px; float:left; background:#F3C; height:500px;}
#content_destaque{}
#content_anuncio{}
#content_conteudo{}
/*right siderbar*/
#right_siderbar{width:200px; float:right; background:
#900; height: 500px}
#right_siderbar_feed{}
#right_siderbar_search{}
#right_siderbar_anuncio{}
/*footer*/
#clear{clear:both}
#footer_all{ height:135px; background:
url(images/footer2_bg.jpg) repeat-x #FFF;}
#footer{width: 1000px; margin:0 auto}
#footer_txt{}
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.