Webboard

Pełna wersja: wyśrodkowanie menu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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>
ziusz napisał(a):float: center;
Nie istnieje opływanie środkowe. Tylko z prawej lub lewej strony.

Xedoxo napisał(a):/.../ to przed menu < center> i po < /center>
Od tego mamy CSS. Po co się uwsteczniać?

:
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.
Kod:
<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
Dobrze, inaczej. Zamień CSS swojego menu na:
Kod:
.menu {
float: center;
margin: auto;
width: 100%;
}
(08.02.2012, 17:56)Adrian napisał(a): [ -> ]Dobrze, inaczej. Zamień CSS swojego menu na:
Kod:
.menu {
float: center;
margin: auto;
width: 100%;
}
Chyba bez float:center;

:
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
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ń:
Kod:
padding: 4px;
na
Kod:
padding: 8px 4px;