Čaute, už dlhšiu dobu sa trápim s webovou stránkou a vycentrovaním menu. Skúsil som všetko a vždy neviem prísť na chybu, prečo mi to nechce vycentrovať. Prikladám HTML a CSS kód + obrázok ako to vyzerá
CSS:
Kód:
.menu .nav { position: static; }
.menu .container { position: relative; }
.navbar-nav>li>a:after{ position: absolute; max-width: 0; height: auto; left: 0; display: block; outline: 0; margin: 0; background: 0 0; content: attr(data-hover); overflow: hidden; }
.menu ul { list-style: none; padding-left: 0; }
.navbar-collapse { padding: 0 0 0 15px;}
section { outline: 0; text-shadow: none; overflow: hidden; }
.navbar-nav>li>a { text-align: center; }
.nazov { border-bottom: 1px solid #444445; }
.navbar-nav>li {text-align: center;}
HTML:
Kód:
<section>
<nav class="navbar navbar-default menu" role="navigation">
<div class="navbar-collapse collapse container" style='margin: 0 auto;'>
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</nav>
</section>
Obrázok:
Neviete kde môže byť chyba? Ďakujem za pomoc
Choď na stránku: