Logo na śtrodku

Założony przez  Szwagru.

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:
[Obrazek: 749logo.png]
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
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
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.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
@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)
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
(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.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
ok już wiem
Pod
<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
<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>
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
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">
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
(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?
#menu {
    padding: 1px 5%;
    line-height: 1.4;
    margin-top: 33px;
    display: inline-block;
}

Zmień margin-top: 33px; na np. margin-top: -33px;
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
ok dzięki, rozwiązane



Użytkownicy przeglądający ten wątek:

1 gości