Pesquisar na Comunidade
Mostrando resultados para as tags ''Colocar''.
Encontrado 1 registro
-
Seguinte, estou criando um site e tudo mais, mas por algum motivo, não estou conseguindo colocar um background. O caminho da pasta está correto, o nome, o código, já revisei de cima à baixo e não acho o por quê de eu não estar conseguindo. Basicamente, mesmo eu colocando no CSS o background-image: url(img/back4.jpg); não acontece nada, o site permanece com a cor padrão. Alguém sabe resolver este problema? HTML <html> <head> <meta charset="UTF-8"> <title> Massacre de Realengo </title> <link rel="stylesheet" type="text/css" href="CSS/layout.css"> </head> <body> <!--Banner--> <div class="container"> <div class="BannerP"> <img src="IMG/banner.jpg" /> </div> <!-- Menu --> <div class="Menu"> <ul class="Menu-Top"> <li><a href="#"> INÍCIO </a></li> <li><a href="Sobre.html"> SOBRE </a></li> <li><a href="Fotos.html"> FOTOS </a></li> <li><a href="Documentários.html"> DOCUMENTÁRIOS </a></li> <li><a href="Curiosidades.html"> CURIOSIDADES </a></li> <li><a href="Contato.html"> CONTATO </a></li> </ul> </div> <!-- Main --> <div class="Main"> <div class="Box-Left"> <img src="IMG/wellington.jpg" /> </div> <div class="Box-Right"> <img src="IMG/welpistola.jpg" /> </div> <div class="Box-text1"> <p> Texto Aqui </p> <a href="#" id="Continue"> Continue lendo... </a> </div> <div class="Box-text2"> <p> Texto Aqui </p> <a href="#" id="Continue"> Continue lendo... </a> </div> </div> <!-- Rodapé --> <div class="Footer"> <div class="Footer-Box"> <ul> <li><h4> MENU </h4></li> <li><a href="#"> INÍCIO </a></li> <li><a href="#"> SOBRE </a></li> <li><a href="#"> FOTOS </a></li> <li><a href="#"> DOCUMENTÁRIOS </a></li> <li><a href="#"> CURIOSIDADES </a></li> <li><a href="#"> CONTATO </a></li> </ul> </div> <div class="Footer-Box"> <ul> <li><h4> SOBRE O SITE </h4></li> <li><a href="#"> MEMBROS </a></li> <li><a href="#"> FINALIDADE </a></li> </ul> </div> <div class="Footer-Box"> <ul> <li><h4> REDES SOCIAIS </h4></li> <li><a href="#"> FACEBOOK </a></li> <li><a href="#"> TWITTER </a></li> </ul> </div> <div class="copyright"> Copyright © 2015 Massacre de Realengo. Todos os direitos reservados. </div> </div> </div> </body> </html> CSS (externo) *{ margin: 0; padding: 0; } body { background-image: url(img/back4.jpg); font-family: Verdana, Century, Arial; font-size: 15px; margin-left: 0px; padding-top: 30px; color: #000; } a { text-decoration: none; color: #000; } ul { list-style: none; margin-top: 0px; padding-top: 8px; padding-left: 0px; } /***------------------------------------------------------------- Container do site -------------------------------------------------------------***/ .container { margin: auto; width: 850px; height: auto; } /***------------------------------------------------------------- Banner do site -------------------------------------------------------------***/ .Banner .BannerP img { float: left; width: 850px; height: 180px; margin-left: 335px; } /***------------------------------------------------------------- menu do site -------------------------------------------------------------***/ .menu { background: #CCC; width: 850px; height: 35px; margin: 70px 0px 0px 0px; padding: 0px; } .menu li { display: inline; } .menu-top li a { width: 50px; height: 15px; padding: 8px 24px; text-shadow: 0px 2px 3px #666; margin-right: 12px; } .main { width: 850px; height: auto; float: left; margin: 15px 0 15px 0; } .main .box-left { width: 350px; height: 190px; float: left; background: #FFFFF0; } .main .box-right { width: 350px; height: 190px; float: right; margin-right: 15px; background: #FFFFF0; } .main .box-right img { width: 365px; height: 325px; } .main .box-left img { width: 365px; height: 325px; } .main .box-text1 { width: 335px; height: 125px; margin-top: 150px; float: left; background: #FFFFF0; padding: 15px; text-align: justify; } .main .box-text2 { width: 335px; height: 125px; margin-top: 150px; margin-right: 0px; float: right; background: #FFFFF0; padding: 15px; text-align: justify; } /***------------------------------------------------------------- Rodapé do site -------------------------------------------------------------***/ .Footer { width: 850px; height: 200px; float: left; background: #393939; color: #FFFFE0; margin-left: 0px; margin-top: 0px; } .Footer-box { width: 245px; height: 180px; float: left; } .Footer-box ul { margin-left: 55px; padding-left: 55px; } .Footer-box ul li { color: #FFF; } .Footer-box ul li a { color: #BBB; } .copyright { margin-top: 180px; margin-left: 148px; }
