Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Wagner Martins - SC

Espaço em branco depois do menu

Por , em Desenvolvimento frontend

Recommended Posts

Wagner Martins - SC    0

Wagner Martins - SC
Postado

Olá pessoal

 

Estou com um problema de espaço em branco que se encontra em baixo do meu menu, não consigo tirar ele, voces poderiam me dar uma luz?

 

Captura_de_tela_2012-06-14_as16_43_02.png

 

O código q tenho eh esse:

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
img{
border:0px;
}
#topo{
width:930px;
margin:0 auto;
height:308px
}
#fundo_topo{
background-image:url(imagens/fundo_topo.jpg);
}
@font-face {
font-family: beautiful;
src: url('Klavika-BoldItalic.otf');
}
@font-face {
font-family: beautiful_2;
src: url('Klavika-LightItalic.otf');
}




#fundo_menu{
background-image:url(imagens/fundo_menu.jpg);
height:73px;
margin-top:-10px;
}
#menu{
width:930px;
margin:0 auto;
clear:both;
}
#menu ul{
margin-left:-40px;
margin-top:-17px;
}
#menu li{
list-style:none; 
float:left; 
}


#sub-menu{
width:186px;
}
.menu li a{
color:#6f6f6e; 
text-decoration:none; 
display:block; 
font-family:beautiful_2; 
font-size:20px; 
}

.menu li ul{
position:absolute; 
display:none; 
border:1px solid #e0b822; 
}


.menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul{
display:block; 
opacity:0.9;
filter:alpha(opacity=90); 
background-color:#FFF;  
border:1px solid #e0b822; 
line-height:40px;
cursor:pointer;
}


#fundo_conteudo{
background-color:#ececec;
clear:both;
height:327px;
}
#conteudo{
width:930px;
margin:0 auto;
}




#fundo_rodape{
background-image:url(imagens/fundo_rodape.jpg);
height:176px;
clear:both;
}
#rodape{
width:930px;
margin:0 auto;
padding-top:18px;
}

</style>
</head>

<body>
<div id="fundo_topo">

<div id="topo">
<img src="imagens/topo.jpg" alt="" />
</div>

</div>



<div id="fundo_menu">
<div id="menu">
<ul class="menu">
<li><a href="index.html" title="Principal"><img src="imagens/selecionado_principal.jpg" alt="" /></a></li>
<li><a href="#" title="O que é?"><img src="imagens/menu_oquee.jpg" /></a>

   	<ul id="sub-menu">
           <li><a href="oque_e.html" title="Sobre a certificação">Sobre a certificação</a></li>
           <li><a href="#" title="Investimento">Investimento</a></li>
           <li><a href="dados_prova.html" title="Local da prova">Local da prova</a>
           <li><a href="duvidas_frequentes.html" title="Dúvidas frequentes">Dúvidas frequentes</a>
           </li>                    
       </ul>

   </li>
<li><a href="inscricao.html" title="Inscrição"><img src="imagens/menu_inscricao.jpg" alt="" /></a></li>
<li><a href="edital.html" title="Edital"><img src="imagens/menu_edital.jpg" alt="" /></a></li>
<li><a href="contato.html" title="Contato"><img src="imagens/menu_contato.jpg" alt="" /></a></li>
</ul>
<div style="clear:both; background-color:#ececec">sss</div>
</div>
</div>




<div id="fundo_conteudo">

<div id="conteudo">
<img src="imagens/conteudo_inicial.jpg" alt="" border="0" usemap="#Map" />
<map name="Map">
<area shape="rect" coords="591,82,808,263" href="duvidas_frequentes.html">
</map>
</div>
</div>




<div id="fundo_rodape">

<div id="rodape">
<img src="imagens/rodape.jpg" alt="" />
</div>

</div>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafael-tdc    13

rafael-tdc
Postado 

#fundo_menu{
       background-image:url(imagens/fundo_menu.jpg);
       height:73px;
       margin-top:-10px;
}

muda para

#fundo_menu{
       background-image:url(imagens/fundo_menu.jpg);
       height:43px;
       margin-top:-10px;
}

 

Não sei se vai ser 43 mesmo, da uma testada ai, pq sem as imagens desconfigurou um pouco o layout

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito