matheus ar. Postado Novembro 20, 2012 Denunciar Share Postado Novembro 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{} Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Rafael Borba de Castro Postado Novembro 21, 2012 Denunciar Share Postado Novembro 21, 2012 Coloque esse bloco de style, veja se funciona:<style type="text/css">body { background-image: url(CAMINHO-DA-IMAGEM.jpg);}</style> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Vinny_ Postado Novembro 22, 2012 Denunciar Share Postado Novembro 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. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
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 para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.