Menu con immagini... maledetta riga in mezzo!
Ci sto uscendo pazzo!
Non riesco a capire da dove viene quella riga grigia tra l'header e il menù sul sito http://buothz.altervista.org/new/index.html
il codice è banalissimo
Codice:
ul{
margin:0;
padding:0;
}
contenitore che contiene tutto, l'header+menu
Codice:
.header {
width:auto;
height:144px;
text-align:left;
background-color: #183954;
color: #ffffff;
}
contenitore menu
Codice:
.menu {
width: auto;
height: auto;
float: left;
margin: 0px;
padding: 0px;
}
lista
Codice:
.nav_menu li{
list-style:none;
padding: 0px;
float: left;
margin: 0;
}
Codice HTML:
<div class="header">
<img src="img/menu/header.png" alt="i Giocattoli del Buothz"/>
<div class="menu">
<ul class="nav_menu">
<li><img src="img/menu/menu.png" alt="Menu"/></li>
<li><a href="http://buothz.altervista.org"><img src="img/menu/home.png" alt="Home"/></a></li>
...SALTO... <li><a href="http://buothz.altervista.org/giocattoli/videogames.html"><img src="img/menu/menu3.png" alt="Menu"/></a></li>
</ul>
</div>
</div>
dove sbaglio? grazie...
