top_menu

[redteddy]

Salve a tutti,

ho problemi a posizionare il menu di un sito al centro per ogni risoluzione, linko la pagina del sito:

http://latrattoriadelcentro.it/brandnewsite/#

Grazie a chiunque voglia darmi una soluzione!!

[bionicoz]

Aggiungi all' ul nel .top_menu margin:0 auto e una width plausibile (intorno ai 610px nel tuo caso) e togli left:21% da .top_menu.

[redteddy]

Originariamente inviato da bionicoz
Aggiungi all' ul nel .top_menu margin:0 auto e una width plausibile (intorno ai 610px nel tuo caso) e togli left:21% da .top_menu.

Intanto grazie!

Non era presente left:21% non so come mai ti appariva in Firebug, ma cmq ho aggiunto i parametri che mi hai consigliato e adesso appare così: http://latrattoriadelcentro.it/brandnewsite/#

[bionicoz]

Non hai fatto nulla di quello che ti ho detto: 610px li devi dare all'<ul>, non ai[*]. margin:auto lo devi dare sempre a quell'<ul>. E devi togliere left da .top_menu.

L'idea è quella di centrare (con margin:auto) il contenitore (ul) dei vari pulsanti (li) all'interno del div contenitore (.top_menu): per far questo ul deve essere della giusta dimensione per contenere tutti i pulsanti (tralasciamo il perché non si auto dimensiona) e .top_menu che è largo come il .container non deve essere spostato a destra o sinistra.

[redteddy]

Ok allora, l'intento è chiaro, ho cambiato ma mi rimane un menu a sinistra, ho provato a sperare -ul- da -li-, metto qui di seguito il codice magari mi sarà più chiaro:

 .top_menu{ 	list-style: none; 	 	background-repeat: no-repeat; 	width: 100%; 	height: 42px; 	position: relative; 	top: -40px; 	z-index: 5; }   .top_menu ul { margin: 0 auto; width: 610px; display:inline; float: left; }   .top_menu li{ 	 }

la pagina appare così adesso: http://latrattoriadelcentro.it/brandnewsite/#

[bionicoz]

.top_menu{
background-repeat: no-repeat;
width: 100%;
height: 42px;
position: relative;
top: -40px;
z-index: 5; }
.top_menu ul { margin: 0 auto; width: 610px; list-style-type: none;}
.top_menu li{ float:left;}

Direi così, ad occhio.

[redteddy]

Dici giusto!! http://latrattoriadelcentro.it/brandnewsite/#


Ti tingrazio!! Ripasserò bene la lezione ora!!!

Vediamo se riesco a centrare allo stesso modo anche il logo dell'header adesso...


Grazie ancora!!

[redteddy]

Originariamente inviato da redteddy
Dici giusto!! http://latrattoriadelcentro.it/brandnewsite/#


Ti tingrazio!! Ripasserò bene la lezione ora!!!

Vediamo se riesco a centrare allo stesso modo anche il logo dell'header adesso...


Grazie ancora!!

L'header era semplicemente un po' troppo largo...