wersja skryptu MyBB: 1.8.7
adres forum: cs-goldteam.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Wiam mam pytanie, aczkolwiek chcę przenieś logo oraz nawigacje. Logo ma być na środku a nawigacja pod nim. aktualne ułożenie:
Blok w ktorym jest logo: szerokosc na 100%
Samo logo moze byc margin:auto lub display:inline; text-align:center
Wszystko powinno byc w global.css
Uzyj "zbadaj element" aby sprawdzic klasy i id
Prawdopodobnie dla menu i diva w ktorym jest logo bedzie trzeba usunac jeszcze float:left/right
Wytnij całe menu
ul menu i przenieś je pod logo.
W menu przed ostatnim znacznikiem zamykającym
</ul> dodaj
<br class="clear">.
W Carbon.css usuń z #menu
float: right;(w tym momencie wyglądać to powinno tak:
https://i.imgur.com/dQUDZZS.png) a dodaj
display: inline-block;.
Utwórz style dla header'an na zasadzie
#header { text-align: center; } ; nadając mu centrowanie tak jak w przykładzie.
W efekcie:
https://i.imgur.com/gDmJDpC.png
Jeśli nie wyszło, rób tak długo aż wyjdzie.
Odległości między logiem, menu a belką to marginesy (top, bottom) dla klasy #menu w razie czego.
@up, hmm zrobiłem tak ja k powiedziałeś ale nie chce się przenieś menu pod spód tylko ciągle jest nad ;d
Najwyrazniej masz w kodzie menu nad logo. Musisz przeniesc kod menu pod kod logo.
Bedziesz mial to w szablonie header(chyba tak sie on nazywal)
(02.05.2016, 08:23)Szwagru napisał(a): [ -> ]Jeśli nie wyszło, rób tak długo aż wyjdzie.
Toż ja Ci dałem dosłownie gotowca. Poświęć chwile i przeanalizuj swoje błędy i pokombinuj, bo na pierwszy rzut oka po wejściu na stronę widać, że nie przeczytałeś mojej instrukcji.
(02.05.2016, 08:23)Szwagru napisał(a): [ -> ]Wytnij całe menu ul menu i przenieś je pod logo.
Tutaj mogę dodać ewentualnie słowo "bezpośrednio" pod logo.
Pod
Kod:
<img src="http://cs-goldteam.pl/images/carbon/logo9.png" alt="Cs-GoldTeam.pl | Twoja Sieć Serwerów" title="Cs-GoldTeam.pl | Twoja Sieć Serwerów">
wklej
Kod:
<br><br><ul id="menu">
<li><a href="http://cs-goldteam.pl/index.php"><span style="color: white">Strona Główna</span></a>
</li><li> <a href="http://cs-goldteam.pl/web/"><span style="color: white">Sklep</span></a>
</li><li><a href="http://cs-goldteam.gameclan.pl/bany/ban_list.php"><span style="color: white">Bany</span></a>
</li><li><a href="http://cs-goldteam.pl/memberlist.php"><span style="color: white">Użytkownicy</span></a>
</li><li><a href="#"><span style="color: white">Więcej...</span></a>
<ul>
<li><a href="https://www.facebook.com/Cs-GoldTeampl-196743840690194/?skip_nax_wizard=true/">Odiwedź nas na FB</a></li>
<li><a href="http://steamcommunity.com/groups/CsGoldTeamCs">Grupa Steam</a></li>
<li><a href="http://cs-goldteam.pl/sygngen/">Generator Sygnatur</a></li>
<li><a href="http://cs-goldteam.pl/forumdisplay.php?fid=58">Konkursy</a></li>
</ul>
</li>
<li><a href="#"><span style="color: white">HLTV</span></a>
<ul>
<li><a href="http://529528.hltv3.pukawka.pl/">6 Maps</a></li>
<li><a href="http://529555.hltv3.pukawka.pl/">CodMod 2kLVL</a></li>
<li><a href="http://509831.hltv3.pukawka.pl/">Only Awp</a></li>
<li><a href="http://serwerygier.com/demos.php?id=2091">DD2 + BF2</a></li>
</ul>
</li>
</ul>
ok teraz już jest, ale nie na środku ;v
(02.05.2016, 08:09)ficus napisał(a): [ -> ]Utwórz style dla header'an na zasadzie #header { text-align: center; } ; nadając mu centrowanie tak jak w przykładzie.
W efekcie: https://i.imgur.com/gDmJDpC.png
Po prostu nie wiem o co chodzi tu
Spróbuj:
Znajdź i zamień <ul id="menu"> na <ul style="padding-left: 27%" id="menu">
(02.05.2016, 08:55)Fyeem napisał(a): [ -> ]<ul style="padding-left: 27%" id="menu">
Zadziałało, jak teraz dać trochę go wyżej?
Kod:
#menu {
padding: 1px 5%;
line-height: 1.4;
margin-top: 33px;
display: inline-block;
}
Zmień
margin-top: 33px; na np.
margin-top: -33px;