Denis Vitonis 0 Denunciar post Postado Agosto 19, 2015 Ola Galera bom estou com um probleminha. Estou com Wamp instalado em minha maquina porem quando rodo localmente um arquivo .php ou html ele não carrega o css( o pior que não carrega somente os css com herança) Bom segue o codigo html e o css: <!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="robots" content="index, follow"/> <link href="css/main.css" rel="stylesheet" type="text/css"> <title>Untitled Document</title> </head> <body> <header id="header"> <div id="container_header"> <h1> <a class="logo" href="/" title="locadora.com.br"> </a> </h1> </div> <div class="login"></div> </header> <nav id="nav"> <div id="container_nav"> <ul> <li><a href="#"media="screen">Locadora</a></li> <li><a href="#">Serviços</a></li> <li></li> <li><a href="#">Notícias</a></li> <li><a href="#">Contato</a></li> <li><a href="#">Área Restrita</a></li> <li><a href="#">Franquias</a></li> </ul> </div> </nav> <div id="banner"> <div id="container_banner"><img src="img/banner1_1100.jpg" width="1100" height="375"> </div> <div id="conteudo" class="titulo" > <section id = "container_section"> <h2> Locadora </h2> <article > <p> <h3>História</h3> The first thing to realize when seeking a job as a Forklift Driver is that there are a great deal of opportunities available, but that, like most things in life, the more effort you put into your search, the luckier you will become. <h3>Missão</h3> The first thing to realize when seeking a job as a Forklift Driver is that there are a great deal of opportunities available, but that, like most things in life, the more effort you put into your search, the luckier you will become. <h3>Visão</h3> On the 10th November 2012 I did a search on Careerbuilder.com for Forklift Operator and Forklift Operators and there was 2,223 jobs so there are great many forklift jobs available right now if you have the necessary certification. </p> </article> </div> <aside id="aside"> <div id="container_aside"> <h1>Conheça a Empresa</h1> <p><span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean odio quam, dictum in</span></p> <h1>Assine Nossa Newsletter</h1> <p><span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean odio quam, dictum in</span></p> </div> </aside> <footer id="footer"> <div id="footer_container"> </div> Codigo CSS @charset "utf-8"; * {margin:0; padding:0; border:0; } body { padding:0px; margin:0px; } h3{ } #header { background-color: #ffc60b; height: 200px; width: 100%; float: left; } .logo { height: 166px; width: 322px; margin-top: 10px; background-image: url(../img/logolocadora.png); background-repeat: no-repeat; padding-top: 83px; padding-right: 161px; padding-bottom: 83px; padding-left: 161px; display: block; } #container_header { background-color: #ffc60b; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 1100px; height: 230px; } #nav { background-color: #ffd342; width: 100%; height: 70px; float: left; } #container_nav{ margin-right: auto; margin-left: auto; width: 1100px; } #container_nav ul{ width: 100%; list-style-type: none; line-height: 70px; } #container_nav ul li { display: inline; } #container_nav ul li a{ text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 22px; padding-top: 35px; padding-bottom: 35px; margin-right: 7px; margin-left: 7px; padding-right: 5px; padding-left: 5px; } #container_nav ul li a:hover{ background-color: #FFC60B; } #banner{ background-image: url(../img/fundobanner.jpg); background-repeat: repeat; height: 375px; width: 100%; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #FFD342; float: left; } #container_banner img{ margin-right: auto; margin-left: auto; } #container_banner{ background-color: #FFF; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 1100px; height: 375px; } #conteudo{ height: auto; width: 100%; float: left; margin-top: 8px; } #container_section { background-color: #FFF; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 1100px; height: auto; } .titulo h2 { background-color: #FAC000; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 100%; font-size: 28px; color: #000; font-family: Arial, Helvetica, sans-serif; padding-right: 10px; } .titulo h3 { margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 22px; color: #999; font-family: Arial, Helvetica, sans-serif; padding-right: 20px; } #aside { background-image: url(../img/fundonoticia.jpg); background-repeat: repeat; height: 230px; width: 100%; border-bottom-width: 10px; border-bottom-style: solid; float: left; border-bottom-color: #FFD342; } #footer{ background-image: url(../img/fundobanner.jpg); background-repeat: repeat; height: 290px; width: 100%; border-bottom-width: 10px; border-bottom-style: solid; border-bottom-color: #FFD342; float: left; } Compartilhar este post Link para o post Compartilhar em outros sites
