wyśrodkowanie menu

wersja skryptu MyBB: 1.6.5
adres forum: http://nightgame.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Próbuje wycentrować menu, ale po wpisaniu w float, nie centruje się

Mój menu
.menu {
padding: 30px;
margin-top: -26px;
float: center;
margin-left: 15%;
}

Próbowałem ustawić w float: left i ustawić dobrą wartość w margin-left ale zobaczyłem, że wtedy tylko dopasowuje się do mojego monitora

Wejdź w style i szablony > szablony > twój styl > nagłówek > header > i masz np. te swoje menu to przed menu <center> i po </center>

float: center;

Nie istnieje opływanie środkowe. Tylko z prawej lub lewej strony.

/.../ to przed menu < center> i po < /center>

Od tego mamy CSS. Po co się uwsteczniać?

@Top:
Twoje menu znajduje się w nagłówku. Lepiej będzie, jeśli będzie pod nim. Wtedy pozostanie kwestia samego wyśrodkowania. Podrzuć tutaj, proszę, szablon header.

prawdopodobnie jeśli margin left i right dasz na ta samą wartość procentową lub auto to będzie się środkować ładnie.

<div id="header_main">
<div id="header_sub">
<div id="container">
<a name="top" id="top"></a>
<div id="header">

<div id="panel">
{$welcomeblock}
</div>
<div class="logo"><a
href="{$mybb->settings['bburl']}/index.php"><img
src="{$theme['logo']}"
alt="{$mybb->settings['bbname']}"
title="{$mybb->settings['bbname']}"
/></a></div>



<div class="menu">
<center>
<ul>
<li><a
href="{$mybb->settings['bburl']}/index.php">STRONA
GŁÓWNA</a></li>
<li><a
href="{$mybb->settings['bburl']}/showthread.php?tid=1&pid=1#pid1"><font
color="red">REGULAMIN</font></a></li>
<li><a
href="{$mybb->settings['bburl']}/memberlist.php">UŻYTKOWNICY</a></li>
<li><a
href="{$mybb->settings['bburl']}/search.php">SZUKAJ</a></li>
<li><a
href="{$mybb->settings['bburl']}/misc.php?action=help">POMOC</a></li>
<li><a
href="{$mybb->settings['bburl']}/member.php?action=register"><font
color="red">REJESTRACJA</font></a></li>
<li><a
href="{$mybb->settings['bburl']}/misc.php?action=help">AMXBANS</a></li>
<li><a
href="{$mybb->settings['bburl']}/memberlist.php">CODSTATS</a></li>
</center>
</ul>

</div>
<hr class="hidden" />


</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation

Fresh napisał 08.02.2012, 19:58:
Takie rzeczy dodajemy w tagu [code] !

Dobrze, inaczej. Zamień CSS swojego menu na:

.menu {
float: center;
margin: auto;
width: 100%;
}

Dobrze, inaczej. Zamień CSS swojego menu na:

.menu {
float: center;
margin: auto;
width: 100%;
}

Chyba bez float:center;

---

@Topic:
Możesz teraz wywalić tagi <center></center> w szablonie, oraz float: center; (to nic nie daje*) w global.css.

*Nie ma takiego czegoś jak float center

Adrian napisał 08.02.2012, 21:23:
Moje "niedopaczenie"

A i jeszcze jedno jak menu dać ten margines od góry, próbowałem
margin-top: -26px;
ale nie działa

W .menu ul zamień:

padding: 4px;

na

padding: 8px 4px;