Scroll orizzontale

laiton

Scroll orizzontale

Ciao a tutti!
Sono da poco entrato nel mondo della programmazione web e già faccio un "sito"!
In ogni caso, stava smanettando con il menù (che ho modificato, da una semplice lista), ma solo ora mi sono accorto di un'orrenda scroll orizzontale, che mi incasina tutta l'armonia che avevo creato con la grafica xD
Quindi chiedo aiuto!

#menu { 
       background: url(../img/menu/sfondo_menu.png); 
       background-repeat: no-repeat;
       background-size: 80%;
       background-position: center;
       /*background-position: center center;
        border-bottom:0px solid #999999; */       
      }
 ul, ul li {
    	               list-style:none; 
                       margin: -11; 
                       padding:0; 
		      }
 ul {
    	  text-align:center;
    	  padding:0.5em 0;  
	 }
 ul li {
             display:inline;  
              margin-right:-5; 
            }

 li a {
            padding:0.5em 1em; 
            background: none;
           }

Questo è il codice css del mio menù! Non riesco a capire quale sia il problema, perchè se tolgo il menù se ne va anche la scroll orizzontale.
Io pensa che sia qualcosa nei css!

vnt54

Ti sei dimenticato di postare il codice HTML,altrimenti come facciamo
a capire?

laiton

Sorry ecco anche il codice html!
[HTML] <div id="menu">
<ul>
<li><a href="" title="Home"><img src="../img/menu/home.png" onmouseover='this.src = "../img/menu/home_on.png";' onmouseout="this.src='../img/menu/home.png';"></a></li>
<li><a href="" title="Notizie"><img src="../img/menu/notizie.png" onmouseover='this.src = "../img/menu/notizie_on.png";' onmouseout="this.src='../img/menu/notizie.png';"></a></li>
<li><a href="" title="Prodotti"><img src="../img/menu/Prodotti.png" onmouseover='this.src = "../img/menu/Prodotti_on.png";' onmouseout="this.src='../img/menu/Prodotti.png';"></a></li>
<li><a href="" title="Forum"><img src="../img/menu/Forum.png" onmouseover='this.src = "../img/menu/Forum_on.png";' onmouseout="this.src='../img/menu/Forum.png';"></a></li>
<li><a href="" title="Contatti"><img src="../img/menu/contatti.png" onmouseover='this.src = "../img/menu/contatti_on.png";' onmouseout="this.src='../img/menu/contatti.png';"></a></li>
</ul>
</div>[/HTML]

uc78wd

Come mai il padding ha un'unità di misura (em) e il margin no?

laiton

sinceramente non lo so
Un amico mi ha detto che andavano bene quei valori di default!

laiton

up!

laiton

Scusate il multi-posting, ma ho risolto