Boa Noite, tenho o seguinte HTML:
Código (HTML):
Código (CSS):
Em ambos tenho imagens dentro de links.
Acontece que os links que estão dentro do figure estão (aparente) sem fundo. Mas os links que estão dentro do nav estão com fundo.
Como removê-los?
Código (HTML):
<figure id="imgLogoTopo">
<a href="?acao=principal" target="_self"><img id="imgLogo" src="_img/banner.gif" title="Banner" /></a>
</figure>
<nav id="menu1">
<a href="?acao=cadastros" target="_self"><img src="_img/cadastros.gif" title="Cadastros" /></a>
<a href="?acao=consultas" target="_self"><img src="_img/consultas.gif" title="Consultas" /></a>
<a href="?acao=financeiro" target="_self"><img src="_img/financeiro.gif" title="Financeiro" /></a>
<a href="#" onclick="FecharJanela();"><img src="_img/sair.gif" title="Sair" /></a>
</nav>
E o seguinte css:<a href="?acao=principal" target="_self"><img id="imgLogo" src="_img/banner.gif" title="Banner" /></a>
</figure>
<nav id="menu1">
<a href="?acao=cadastros" target="_self"><img src="_img/cadastros.gif" title="Cadastros" /></a>
<a href="?acao=consultas" target="_self"><img src="_img/consultas.gif" title="Consultas" /></a>
<a href="?acao=financeiro" target="_self"><img src="_img/financeiro.gif" title="Financeiro" /></a>
<a href="#" onclick="FecharJanela();"><img src="_img/sair.gif" title="Sair" /></a>
</nav>
Código (CSS):
@charset "utf-8";
/* CSS Document */
*{
background-color:#87ceed;
}
body{
width:1000px;
margin: 0px auto 0px auto;
border: 1px solid #000;
background-color:#FFF;
box-shadow: 2px 1px 20px 5px #000;
}
img{
border:0px;
}
a{
border-style:none;
}
figure#imgLogoTopo{
text-align:center;
background-color:#FFF;
}
nav#menu1{
text-align:center;
background-color:#FFF;
}
#conteudo{
margin-top:50px;
text-align:center;
background-color:#FFF;
}
No Html eu tenho dois controles> um figure e um nav./* CSS Document */
*{
background-color:#87ceed;
}
body{
width:1000px;
margin: 0px auto 0px auto;
border: 1px solid #000;
background-color:#FFF;
box-shadow: 2px 1px 20px 5px #000;
}
img{
border:0px;
}
a{
border-style:none;
}
figure#imgLogoTopo{
text-align:center;
background-color:#FFF;
}
nav#menu1{
text-align:center;
background-color:#FFF;
}
#conteudo{
margin-top:50px;
text-align:center;
background-color:#FFF;
}
Em ambos tenho imagens dentro de links.
Acontece que os links que estão dentro do figure estão (aparente) sem fundo. Mas os links que estão dentro do nav estão com fundo.
Como removê-los?