Problema Menu <li> in CSS

[gedamial]

Salve.​

Ho un problema con il mio sito web: menu in CSS.
Allora, il problema è questo che vedete nell'immagine:

Si vedono solo due bottoni: l'iniziale (li:first-child) e il finale (li:last-child).
I bottoni degli altri <li> non si vedono affatto... anzi, si vedono solo i button_hover di questi solo se ci passo il mouse sopra...

Ecco il codice CSS del Menu e dei <li>

Perfavore, Entra oppure Registrati per vedere i codici!

In più, non riesco a mettere i <li> (es: Home, Contattami...) al centro e non sopra i bottoni.

Vi prego di aiutarmi!

Grazie.​

 

[Kaito]

Esiste l'immagine button.png sì? Controlla bene

Comunque per centrarli usa text-align:center; e line-height

 

[gedamial]

Esiste l'immagine button.png sì? Controlla bene

Comunque per centrarli usa text-align:center; e line-height

@Kaito

Ok, il problema è risolto... i bottoni però... non sono tutti uniformi al 100% <:S

P.S= Come faccio ad allineare il Menù al centro?

 

[Kaito]

Con float non lo puoi allineare, dovresti metterli in display: inline-block i <li> e poi con margin:auto centri tutto.

Quella proprietà (inline-block) non viene letta da IE7, per fixarla qui c'è la soluzione:

Perfavore, Entra oppure Registrati per vedere i Link!

 

[gedamial]

Con float non lo puoi allineare, dovresti metterli in display: inline-block i <li> e poi con margin:auto centri tutto.

Quella proprietà (inline-block) non viene letta da IE7, per fixarla qui c'è la soluzione:

Perfavore, Entra oppure Registrati per vedere i Link!

Per quanto riguarda l'header, se vai sul mio sito:

Perfavore, Entra oppure Registrati per vedere i Link!

Puoi ben vedere che l'immagine ha un margine a destra ma non a sinistra: perché? Ecco l'header in CSS:

Perfavore, Entra oppure Registrati per vedere i codici!

@Kaito

 

[Ignazio96]

Per quanto riguarda l'header, se vai sul mio sito:

Perfavore, Entra oppure Registrati per vedere i Link!

Puoi ben vedere che l'immagine ha un margine a destra ma non a sinistra: perché? Ecco l'header in CSS:

Perfavore, Entra oppure Registrati per vedere i codici!

@Kaito

Il margine a destra è automatico , inoltre c'è un margin-bottom che è la distanza dall'elemento più in basso , leggi qui come gestire i margini

Perfavore, Entra oppure Registrati per vedere i Link!

 

[gedamial]

Il margine a destra è automatico , inoltre c'è un margin-bottom che è la distanza dall'elemento più in basso , leggi qui come gestire i margini

Perfavore, Entra oppure Registrati per vedere i Link!

Si lo sapevo già quel meccanismo. Se metto un elemento con margin-top: 10px, significa che tale elemento dista 10px dal top (inizio pagina). Seguendo questa logica, ho messo l'header a margin-right: 1px; in modo che disti soli 1px dal margine destro... ma il margine destro rimane sempre quello... non cambia... ci dev'essere pure un modo! L'immagine la voglio vedere per intera, non tagliata di secco ad un certo punto!
@Ignazio96