Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, veja meu site:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img145.imageshack.us/img145/5839/sitemalposicionado.jpg&key=95895e2fb16fda0e1d49ff4ca1200b70d9d4391ccbeaf185a976b5824b6c2c17" alt="Imagem Postada" /> /applications/core/interface/imageproxy/imageproxy.php?img=http://img145.imageshack.us/img145/sitemalposicionado.jpg/1/w1440.png&key=73870a463d2aa499f6f184b844c79f0034d3649ca38a932764be4438a6d0d97d" alt="Imagem Postada" />
Quero tirar esse preto e posicionar certo, mas não estou consiguindo.
Código CSS:
body {
padding: 1 auto;
margin: 0;
background-color: #000;
}
#estrutura {
margin: 0 auto;
background: url(lunafundo1.jpg);
width: 1050px;
height: 700px;
text-align: center;
background-repeat: no-repeat;
}
#topobaixo {
height:30px;
width:auto;
background-image: url(topo.jpg);
background-repeat: repeat-x;
border-top: 1px #4A4A4A;
border-bottom: 2px dotted #4A4A4A;
color:#fff;
font-weight:bold;
}
#topo {
height:30px;
width:auto;
background-image: url(topo.jpg);
background-repeat: repeat-x;
border-top: 1px #4A4A4A;
border-bottom: 2px dotted #4A4A4A;
color:#fff;
font-weight:bold;
}O preto é devido ao background que está no body. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luna - Produções e Eventos</title>
<link href="luna.css" rel="stylesheet" type="text/css" />
</style>
</head>
<body onload="position_at_top();expand()">
<div id="topo">'</div>
<div id="estrutura">'</div>
<div id="topobaixo">'</div>
<style type="text/css">#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#CCC}
#menu1 a:visited {color:black;text-decoration:none;}
#menu2 a {color:gray;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active {color:gray;text-decoration:none;}
#menu2 a:visited {color:gray;text-decoration:none;}
#menu2 a:hover {color:gray;background-color:#CCC}
#menu3 a { /Menu3 Links/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}color:black;background-color:#CCC;
}/End Menu Links/
</style>
<script src="mmenu.js" type="text/javascript"></script>
<script src="menuItems.js" type="text/javascript">
</script>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div style="position:absolute;color:white" id="test"></div>
</body>
</html>Então, eu quero é tirar essa espaço, não o preto
Nos forneça um link temporário para sua página, é melhor... Assim pelo menos consigo ir alterando o CSS pelo Firebug e ver se consigo encontrar o erro/solução.
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Que isso, cara?
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>User *margin* para dar espaçamento. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Certo, veja: http://www.lunaconnection.com.br/teste/index.htm
Primeiro passo: corrija os erros da sua página. Utilize o Validador do W3C:
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://validator.w3.org/
Acho que é importantíssimo que seja feito da maneira correta, e essa é a primeira etapa. Embora sejam erros que provavelmente não estejam interferindo na questão, mas vamos fazer como deve ser feito. Depois partimos para a próxima etapa.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Peço que nos mostre como esta seu código que esta ná pagina HTML, XML ou qualquer outro que estiver usando, para ai podermos avaliar se é um problema de codificação do seu CSS ou algum erro de posicionamento de sua tabela ou div, sem ver seu código não dá para dizer apenas pelo seu CSS e ter certeza que qualquer explicação dará certo.