Boas malta,
Estou a tentar fazer um menu em que cada item é uma imagem, mas estou com alguns problemas no css, pois não consigo que o background apareca com o seu tamanho real (40x40px).
Aqui está o problema:
![Imagem Colocada]()
Ja tentei alterar a altura do li (item), e nada..
Aqui está o CSS feito para o menu:
Código :
e o menu correspondente:
Código :
Se alguem conseguir detetar algum erro, agradeço imenso.
Estou a tentar fazer um menu em que cada item é uma imagem, mas estou com alguns problemas no css, pois não consigo que o background apareca com o seu tamanho real (40x40px).
Aqui está o problema:
Ja tentei alterar a altura do li (item), e nada..
Aqui está o CSS feito para o menu:
Código :
.menu {
position: absolute;
min-height: 0%; /* reset */
bottom: 0;
width: 100%;
height: 50px;
background: #3e3e3e;
z-index: 9999;
}
.menu_nav{
list-style:none;
}
.menu_nav li {
display:inline;
padding-left: 20px;
padding-right: 20px;
}
#menu_intro {
background-image: url(images/menu/home_icon2.png);
background-repeat:no-repeat;
}
position: absolute;
min-height: 0%; /* reset */
bottom: 0;
width: 100%;
height: 50px;
background: #3e3e3e;
z-index: 9999;
}
.menu_nav{
list-style:none;
}
.menu_nav li {
display:inline;
padding-left: 20px;
padding-right: 20px;
}
#menu_intro {
background-image: url(images/menu/home_icon2.png);
background-repeat:no-repeat;
}
e o menu correspondente:
Código :
<div class="menu">
<ul class="menu_nav">
<li id="menu_intro">Intro</li>
<li id="menu_v">M</li>
<li id="menu_p">proximos</li>
<li id="menu_r">r</li>
<div class="clear"></div>
</ul>
</div>
<ul class="menu_nav">
<li id="menu_intro">Intro</li>
<li id="menu_v">M</li>
<li id="menu_p">proximos</li>
<li id="menu_r">r</li>
<div class="clear"></div>
</ul>
</div>
Se alguem conseguir detetar algum erro, agradeço imenso.