Błąd Nie mogę poprawnie wyśrodkować obiektu

Witam.

Wersja skryptu MyBB: 1.8.7
Adres forum: http://prokillers.pl/
Na czym polega problem?

Postanowiłem sobie umieścić w konkretnym miejscu pewien tracker. Niestety nie mogę go ładnie wyśrodkować. Domyślnie jest po lewej, a po wstawieniu zwykłego "center" inne napisy się rozsuwają (góra; dół). Mój styl to Darkgame v1.

1. http://i.imgur.com/xfjqv5D.png
2. http://i.imgur.com/GVhlUj5.png

Szablon: Nav

Fragment kodu:

<div class="navigation">
{$nav}{$activesep}{$activebit}
    <a target="_blank" href="http://psr-samp.pl/"><img border="0" src="http://samp.ae-webmedia.de/signature/signature.php?bg=000000&text=FFFFFF&border=a0a0a0&ip=80.72.36.205&port=3556&bg_image=i.imgur.com/I1PWJoD.jpg"></a>
    <div style="float:right;"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowa Zawartość</a></div>
</div>

Edit: To mój pierwszy post tutaj. Jak zły dział / prefix itp., to bardzo przepraszam

Obrazek jest domyślnie traktowany jako tekst, więc musisz dodać text-align do rodzica (w tym przypadku id navigation).

Gdzie mam dodać to "text-align"? XDD Jestem totalną kaleką jeśli chodzi o myBB ;__;
p.s. Kolega mi poradził, abym gdzieś dodał style=" display: block; margin: 0 auto; ale także nie wiem gdzie.
Muszę poprosić o gotowca, to krótki kod c:

W global.CSS do #navigation

Wchodzisz kolejno w: ACP → Style i Szablony → Style → Twój Styl → global.css → Edytuj CSS: tryb zaawansowany → Wyszukaj tam .navigation

Zamień to:

.navigation {
background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
padding: 12px;
border-bottom: 2px solid #003857;
}

Na to:

.navigation {
background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
padding: 12px;
border-bottom: 2px solid #003857;
text-align: center;
}

Zrobiłem tak, jak mi wyżej napisano.

   

Niestety nie mogę sprawdzić efektu, bo zmiany dokonałem na telefonie, ale podejrzewam, że jest gorzej.

p.s. Po dodaniu tego parametru do nav miałem z powrotem wstawić tagi center do obrazka? Zrobiłem tak i nie wiem teraz...

Nie, center wywal całkiem. Mamy html5 i już się go nie używa.
Do edytowania używaj zaawansowanego edytora.

@up, no dobra usunąłem "center" ale co to ma do rodzaju edytora, skoro można go wybrać tylko w przypadku edycji css, a to już zrobiłem:

   

Edit: Wbiłem na lapka, dodanie center do global.css spowodowało automatyczne wyśrodkowanie napisu "professional killers", a przecież nie o to chodziło :p

---

Poeksperymentowałem trochę.
Do global.css dodałem

.navigation {
    background: rgba(14, 14, 14, 0.39) none repeat scroll 0% 0%;
    padding: 12px;
    border-bottom: 2px solid #003857;
    text-align: center;
    text-align: normal;
    vertical-align: middle;

Szablon pozostawiłem bez "<center>"

<div class="navigation">
    {$nav}{$activesep}{$activebit}
<a target="_blank" href="http://psr-samp.pl/"><img border="0" src="http://samp.ae-webmedia.de/signature/signature.php?bg=000000&text=FFFFFF&border=a0a0a0&ip=80.72.36.205&port=3556&bg_image=i.imgur.com/I1PWJoD.jpg"></a>
<div style="float:right;"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">Nowa Zawartość</a></div>
</div>

Niestety efekt nadal nie jest taki, jaki miał być. Napis także się wyśrodkował...

   

Pomyślałem, że po dodaniu do global.css: text-align: left; i wyrównania samego napisu "professional killers" do lewej ("<left>") stanie się to, na co oczekuję, a niestety napis idzie razem do lewej razem z trackerem. Dodałem więc wtedy center do trackera i co się stało? To co na początku:



Napisy z dwóch stron się rozcapierzyły góra-dół...
:c 

Bo gdy dajesz element blokowy to musisz mu nadać albo float, albo wyświetlanie liniowe (inline, inline-block itp.). Nie używaj czegoś takiego jak center lub left. Używa się html5 i tego po prostu nie ma tutaj. Znika to z sieci.

Nieważne.
Kolega mi doradził, abym w "Nat_bit_active" ustawił <span class="active" style="float: left;">{$navbit['name']}</span>
Tak też zrobiłem, pomogło.
Wątek do zamknięcia. (Lecą reputki za chęci)