Logowanie

Czy ktoś potrafi wyśrodkować to menu?

pytanie zadane 22 grudnia 2016 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)

Witam, znalazłem na necie pewne menu, ale nie udajemy się jego wyśrodkować, czy ktoś potrafi?

Kod menu.

<style>
ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: #333;
			}

		li {
			float: left;
			}

		li a {
			display: block;
			color: white;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			}

			li a:hover:not(.active) {
			background-color: #111;
			}

		.active {
			background-color: #4CAF50;
				}
</style>

<body>
<ul>

  <li><a class="active" href="#główna">Strona główna</a></li>
  <li><a href="#Nowości">Nowości</a></li>
  <li><a href="#gry">Gry</a></li>
  <li><a href="#kontakt">Kontakt</a></li>

</ul>

</body>

Dzieki za pomoc!

2 odpowiedzi

odpowiedź 22 grudnia 2016 przez skrzatjedyny Gaduła (3,150 p.)
wybrane 23 grudnia 2016 przez Vorex444

Najlepsza

Do UL dodajesz: text-align: center; a do LI: display: inline-block;

komentarz 22 grudnia 2016 przez Vorex444 Dyskutant (9,610 p.)

dzięki działa :D

komentarz 22 grudnia 2016 przez skrzatjedyny Gaduła (3,150 p.)

Ciesze sie ;) pamietaj o "naj" :P

komentarz 23 grudnia 2016 przez zgrybus Pasjonat (24,860 p.)

Nie najlepsza praktyka :P

komentarz 23 grudnia 2016 przez skrzatjedyny Gaduła (3,150 p.)

Oj tam, oj tam :P Moglby bawic sie z flexboxami, ale jeszcze niestety to nie jest standard ze wzgledu na kompatybilnosc :/

komentarz 23 grudnia 2016 przez zgrybus Pasjonat (24,860 p.)

W większości firm korzysta się z flexboxa. A uczenie się text-align center dla <li> nie jest najlpeszym pomyslem. Gdybys mu podal coś w stylu <ul> 50% width i margin: 0px auto, już lepiej :)
Flexbox 2/3 lata i będzie normą :)

odpowiedź 22 grudnia 2016 przez Vorex444 Dyskutant (9,610 p.)

Chce żeby tylko text się wyśrodkował :D

komentarz 22 grudnia 2016 przez Czort Nałogowiec (32,500 p.)

Użyj opcji edycji zamiast pisać odpowiedź, która i tak nic nie tłumaczy.

Podobne pytania

0 głosów

2 odpowiedzi 580 wizyt

Jak wyśrodkować w poziomie moje menu nawigacyjne?

pytanie zadane 25 lutego 2020 w HTML i CSS przez Herfodi Nowicjusz (120 p.)

0 głosów

0 odpowiedzi 156 wizyt

Jak wyśrodkować rozwijane menu?

pytanie zadane 27 kwietnia 2019 w HTML i CSS przez urban0101 Początkujący (430 p.)

0 głosów

1 odpowiedź 875 wizyt

Jak wyśrodkować menu w Bootstrapie 4?

pytanie zadane 26 marca 2019 w HTML i CSS przez kingkushlee Gaduła (3,960 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Czy ktoś potrafi wyśrodkować to menu?

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci