problema...aiuto

[toniup]

Salve a tutti...mi sto cimentando nel html,css e javascript...molto autodidatta.
Ho visto questo menu':

http://javascript.html.it/articoli/l...-con-jquery/3/

carino...sembra anche facile...
ma volevo modificare le dimensioni del menu' che perora sono 120x50 in 250x30.
Ovvio modifico le immagine per adattarle ma non mi torna il TESTO..non riesco a centrarlo...perche'????
Chiedo aiutooo!

Credo che dovrei modificare questa parte del css:

body {
font-family:"Lucida Grande", arial, sans-serif;
background:#F3F3F3;
}
ul {
margin:0;
padding:0;
}
li {
width:120px;
height:50px;
float:left;
color:#191919;
text-align:center;
overflow:hidden;
}
a {
color:#FFF;
text-decoration:none;
}
p { padding:0px 5px;}
.subtext { padding-top:10px;}
.home { background: url('../img/home-bg.gif') top left no-repeat;}
.about { background: url('../img/about-bg.gif') top left no-repeat;}
.servizi { background: url('../img/servizi-bg.gif') top left no-repeat;}
.contatti { background: url('../img/contatti-bg.gif') top left no-repeat;}

ma mettendo:

li {
width:250px;
height:30px;
float:left;
color:#191919;
text-align:center;
overflow:hidden;
}

il testo è sotto....e non centrato al menu'..

credo sia facile...ma sto iniziando adesso...grazie a tutti in anticipo...!

[ResianTaxidrive]

devi dare al tag p margin:0

[Prill]

dopo aver regolato i margini del paragrafo converrà aumentare il padding su p, sono regolazioni che potrebbero esser fatte anche sugli altri elementi ma ci atteniamo al tuo codice. Sarebbe bene impostare anche un font-size per il carattere del menu così da poter calcolare con precisione le altezze. Nel file menu.js modifica l'altezza in base alla nuova altezza di li in questa riga

$(this).stop().animate({height:'50px'}

[fcaldera]

Ciao, puoi riaprire un nuovo thread dopo aver letto il regolamento in evidenza, grazie.