Fórum Alguem sabe pq o background some quando eu jogo o float left no meu conteudo ? #489667
21/08/2014
0
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>LX Designer</title>
<link rel="stylesheet" href="estiloweb.css">
</head>
<body>
<div id="geral">
<header id="cabecalho">
<img src="topo.jpg">
<p><img src="logo.png"></p>
<menu id="principal">
<ul>
<li><a href="#">Criação de Logotipo</a></li>
<li><a href="#">Criação de Site</a></li>
<li><a href="#">Identidade Visual</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</menu>
<p class="banner1"><img src="baner.jpg"></p>
</header>
<section id="conteudo">
<article id="artigo1">
<img src="ban.jpg">
<h2>Sobre</h2>
<p>Lois simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, </p>
</article>
<article id="artigo2">
<img src="ban.jpg">
<h2>Sobre</h2>
<p>Lois simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, </p>
</article>
<article id="artigo4">
<img src="ban.jpg">
<h2>Sobre</h2>
<p>Lois simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, </p>
</article>
<article id="artigo4">
<img src="ban.jpg">
<h2>Sobre</h2>
<p>Lois simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, </p>
</article>
</section>
</div>
</body>
</html>
------------------------css------------------------------------------
*{
margin:0px;
padding: 0px;
list-style: none;
}
body{
background: #012231;
}
#geral{
background: url("fundo.jpg");
width: 1024px;
margin:0px auto;
margin-top: 20px;
-webkit-border-radius: 0 0 18px 18px;
-moz-border-radius: 0 0 18px 18px;
border-radius:0 0 18px 18px;
border: 15px solid white;
}
section#conteudo{
width: 340px;
}
menu#principal{
margin-left: 390px;
margin-top: -40px;
}
menu#principal ul li a{
display: block;
float: left;
color:#012231;
padding: 10px;
text-decoration: none;
font: bold 16px arial,sans-serif;
}
menu#principal ul li a:hover{
text-decoration: underline;
}
header#cabecalho p.banner1{
margin-top: 70px;
}
Leonardo Xavier
Curtir tópico
+ 0Posts
21/08/2014
Marcelo Pastore
marcelopastorese@gmail.com
Gostei + 0
21/08/2014
Ronaldo Lanhellas
Gostei + 0
21/08/2014
Marcelo Pastore
[img]http://arquivo.devmedia.com.br/forum/imagem/323571-20140821-134636.jpg[/img]
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Ronaldo Lanhellas
[img]http://arquivo.devmedia.com.br/forum/imagem/323571-20140821-134636.jpg[/img]
Correto, o background é essa cor AZUL e isso não some com o float:left.
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Ronaldo Lanhellas
#geral{
background: url("fundo.jpg");
width: 1024px;
margin:0px auto;
margin-top: 20px;
-webkit-border-radius: 0 0 18px 18px;
-moz-border-radius: 0 0 18px 18px;
border-radius:0 0 18px 18px;
border: 15px solid white;
}
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Ronaldo Lanhellas
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Leonardo Xavier
Gostei + 0
21/08/2014
Ronaldo Lanhellas
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)