Ciao a tutti, sono giorni che cero di capire come mai quando inserisco il testo nel menù orizzontale, la barra dei menù si allontana dall'elemento superiore.
sto impazzendo...ho provato modificando ogni genere di valore, dimensioni,ecc. l'unica cosa che lo fa avvicinare leggermente è se diminuisco la dimensione del font del menù.
Praticamente nell'immagine che ho allegato, la barra nera (che fa parte dello sfondo della pagina, l'ho fatta nera solo per rendere più evidente la separazione) non dovrebbe esserci, il menù dovrebbe attaccarsi sopra, con la riga verde dell'header!
Il codice (ispirato da una delle guide di HTML.it) è :
HTML
<div id="menu">
<div id="menu2">
<ul type="none">[*]HOME[*]NEWS[*]SHOP[*]CONTACTS[/list]
</div>
</div>
CSS
#menu {
width: 960px;
margin: 0 auto;
height: 80px;
background-color:#ffffff;
text-align: center;
font-size: 15px;}
#menu2 {
width: 520px;
margin: 0 auto;
height: 40px;}
ul#menu {
list-style: none;
margin: 0 auto;
height: 40px;
width: 480px;}
#menu li {float: left;}
#menu li a {
color: black;
font-weight: normal;
display: block;
line-height: 40px;
height: 40px;
width: 110px;
text-align: center;
text-decoration: none;}
#menu li a:hover, #menu li a.active {
background-color: #25A59F; }
dove sbaglio? Aiutatemi! vi prego!
Grazie
Rispondi quotando