Jak wyśrodkować to menu?

[k-meal]

Witam,

problem może banalny, ale mecze sie od jakiegos czasu i nie wychodzi mi. :/
Na poczatek zdjecie menu:
http://img32.imageshack.us/img32/157/menufg.jpg

Chcialbym je wysrodkowac, czyli sprawic, by odleglosc miedzy lewa krawedzia ekranu i napisem "start" byla taka jak miedzy "faw" i prawa krawedzia.

W PA Joomli to menu jest oznaczone jako Top menu, pozycja user3, tym mod_mainmenu.

W pliku index.php szablonu za to menu odpowiada nastepujacy kod (jesli dobrze rozumuje):

<?php if($this->countModules('user3')) : ?>
<div id="navigation">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>W .css szablonu:

#navigation {
background-image:url('../images/navigation.gif');
overflow: hidden;
height: 39px;
margin:auto;
background-color: #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
color: #fff;
text-align:center;W jaki sposób mogę wysrodkowac to menu?
Moze zalaczyc cale pliki index.php i .css ?

Dopiero raczkuje w temacie, ale czy za to nie odpowiada jakis fragment kodu w javie? Wydaje mi sie, ze css sprawdzilem dosyc dokladnie i nie pomoglo nic. :/

Serdeczne dzieki za pomoc.

Pozdrawiam.

[zwiastun]

Twoje informacje nie dają wystarczających podstaw do sensownej odpowiedzi. Bez gwarancji - spróbuj zmienić margin: auto; na
margin 0 auto;
Ponadto - naucz się korzystać z Firebuga.

[k-meal]

Zaraz spróbuję zmienić margin. Może pomoże jeśli dam linka do szablonu, z którym mam problem:
http://lernvid.com/attachments/208_gored_ultra_1.2_lernvid.com.zip

Dzięki za firebuga, nie wiedziałem o czymś takim!

Pozdrawiam.

[k-meal]

"margin 0 auto" nie pomogło. Wydaje mi się, że gdzieś trzeba zmienić "left" na "center", bo gdy mamy tylko jedną opcję w tym menu, to pojawia się ona z lewej strony. Gdyby pojawiała się na środku, to problem by zniknął...

Pozdrawiam.

[zwiastun]

Masz Firebuga, szukaj. Nie oczekuj, że ktoś będzie pobierał pakiet z Twoim szablonem, instalował go u siebie i szukał Ci rozwiązania.

[k-meal]

W międzyczasie znalazłem w firebugu, że odpowiada za to ten fragment:

ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0 auto;
font-size : 11px;
padding-left: 50px;

}
ul#mainlevel-nav li {
text-align:center;
background-image:none;
color : #666;
font-weight : bold;
float : left;
margin : 0 auto;
padding : 0;
font-size : 11px;
height : 20px;
line-height : 20px;
white-space : nowrap;
background-color: transparent;
margin-top: 10px;
}
ul#mainlevel-nav li a {
text-align : center;
font-weight : bold;
font-size : 11px;
display : block;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
color : #fff;
text-transform:uppercase;
border : 1px solid #222;
margin-right: 5px;
background-color: #000;
background-repeat : no-repeat;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
color : #ff0000;
text-decoration:underline;
}
ul#mainlevel-nav li a#active_menu-nav {
color:#ff0000;
font-size: 12px;
text-decoration:underline;
}
ul#mainlevel-nav li a#active_menu-nav:hover {
text-decoration : line-through;
}Gdy dodałem float: right, to wszystkie opcje menu przesuneły się na prawą strone z odwrotną kolejnością.
Jak ustawić je na środku?

EDIT: udalo sie w koncu. :)