Logo na śtrodku

**Szwagru** · 02.05.2016, 07:38

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]

**NiespecjalnieUzdolniony** · 02.05.2016, 08:08

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

**ficus** · 02.05.2016, 08:09

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.

**Szwagru** · 02.05.2016, 08:23

@up, hmm zrobiłem tak ja k powiedziałeś ale nie chce się przenieś menu pod spód tylko ciągle jest nad ;d

**NiespecjalnieUzdolniony**

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)

**ficus** · 02.05.2016, 08:30

(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.

**Szwagru** · (Ten post był ostatnio modyfikowany: 02.05.2016, 08:43 przez Szwagru.)

ok już wiem

**Poftorek** · 02.05.2016, 08:42

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>

**Szwagru** · 02.05.2016, 08:51

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

**Poftorek** · 02.05.2016, 08:55

Spróbuj:

Znajdź i zamień <ul id="menu"> na <ul style="padding-left: 27%" id="menu">

**Szwagru** · 02.05.2016, 08:57

(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?

**Poftorek** · 02.05.2016, 08:59

#menu {

    padding: 1px 5%;

    line-height: 1.4;

    margin-top: 33px;

    display: inline-block;

}

Zmień margin-top: 33px; na np. margin-top: -33px;

**Szwagru** · 02.05.2016, 09:03

ok dzięki, rozwiązane

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie

Logo na śtrodku

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