Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak przerobić nawigację?

Założony przez  SysRq18.

Witam, moja nawigacja wygląda tak jak na obrazku:
https://webboard.pl/xthreads_attach.php?...2222/0.png

Chciałbym aby przyciski były na środku paska ale nie potrafię napisać odpowiedniego kodu. Próbowałem już różnych sposobów, jednak żaden z nich się nie sprawdził.

KOD HTML
<nav>
<a href="{$mybb->settings['bburl']}/index.php" class="home">Strona Główna</a>
<a href="{$mybb->settings['bburl']}/search.php" class="search">Szukaj</a>
<a href="{$mybb->settings['bburl']}/memberlist.php" class="users">Użytkownicy</a>
<a href="#" class="shop">Sklep</a></li>
<a href="{$mybb->settings['bburl']}/amxbans/" class="amx">AmxBans</a>
</nav>

KOD CSS
nav {
width: 95%;
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   margin: 0 auto;
   box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
   height: 100px;
overflow: hidden;
max-width: 1500px;
}

nav a {
   text-align: center;
   overflow: hidden;
   display: block;
   float: left;
   padding: 18px 10px;
   text-transform: uppercase;
   transition: box-shadow .5s;
}

nav a:link,
nav a:hover,
nav a:visited {
   color: #eee;
text-decoration: none;
}

nav a:hover {
   border-bottom: 2px solid #0d2d3f;
   box-shadow: inset 0px -100px 100px -76px #0d2d3f;
}

nav a:before {
   font-size: 30px;
   text-align: center;
   width: 100%;
   overflow: hidden;
   display: block;
   float: left;
font-family: FontAwesome
}

nav .home:before {
content: "\f015";
}

nav .users:before {
content: "\f007";
}

nav .search:before {
content: "\f002";
}

nav .shop:before {
content: "\f291";
}

nav .amx:before {
content: "\f05e";
}
Sprobuj dodac do css float: center;
Jak dodam do "nav" "float: center;", to nic to nie daje.
W "nav a" "float: center;" powoduje, że przycisk home jest na środku i zajmuje całą powierzchnię paska.
w "nav a: before" "float: center;" również nic nie daje.
(10.03.2018, 12:59)ViewerOfDeadMemes napisał(a): Sprobuj dodac do css float: center;
???

Podaj adres forum, albo całość kody gdzie znajduje się <nav>
Wsparcie poza forum - odpłatne.
http://csnawalanka.xaa.pl/
Możesz dodać margin-left do nav a i odpowiednio ustawić sobie pozycję bądź zmienić szerokość albo wrzucić zawartość nav'a do diva i wtedy ustawić jego pozycję.
Wsparcie poza forum - odpłatne.
Dzięki, pomogło. Poszedł +.



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

2 gości