[Rozwiązano] Jak wyśrodkować menu na stronie HTML przy użyciu CSS?

Hej!
Mam problem. Chcę zrobić menu na stronie w HTML. Co prawda, jest już zrobione, ale mam problem z jego wyśrodkowaniem.

Kod źródłowy pliku CSS:

Dziękuję i liczę na bardzo szybką odpowiedź: to ważne!

https://www.w3schools.com/css/css_align.asp

Niestety nie działa

Spróbuj w przeglądarce odświeżyć cache np w niektórych przeglądarkach jest skrót ctrl+f5.

Nie dało rady

Wyśrodkuj w css div zawierający menu:
margin: 0px auto;

jarekcda napisał:

Wyśrodkuj w css div zawierający menu:
margin: 0px auto;

Już próbowałem, nie działa.
Dodam jeszcze, że znalazłem gdzieś takie coś:

Ale po zmienieniu tamtego kodu poprzez zmodyfikowanie początku na taki jak jest podany powyżej, co prawda, menu się centruje, ale składa się z samego tekstu. Poniżej zamieszczam obrazek.

Nie podajesz kodu na div zawierający menu- napisz.
Daj adres strony na PW- zerknę

Na razie nie mam dostępu do komputera, a strona nie ma adresu - jest w pliku HTML na komputerze. Spróbuję później, bo musze z nim coś zrobić (komputerem). Nawet jeśli mi się uda - będę zmuszony wysłać kod tutaj.
----------
Mam już dostęp do komputera. Ogólnie moja strona będzie miała 2 strony - Strona Główna i Bezpieczeństwo w pandemii. Zamieszczam 2 kody z dwóch różnych plików. Próbowałem wyśrodkować div, ale nic z tego.

Plik nr1 (main.html - czyli Strona Główna):

Plik nr2 (bezp_1.html - czyli Bezpieczeństwo w pandemii):

Kod "div" na menu:

Jest jeszcze jedno pytanie - czy da się zrobić, (w plku bezp_1.html) aby napisy "Chcę wiedzieć więcej" i "Następna Strona >>" były w jednej linijce - ale po prawej i lewej stronie? (lewa - "Chcę wiedzieć więcej", prawa - "Następna strona >>")
Proszę o pomoc - mam czas do 13 listopada.

Odwołujesz się do pliku css, ale nie podajesz jego kodu (jeżeli go nie ma- utwórz).
<link href="styles/style.css" rel="stylesheet" type="text/css">
Jeżeli masz plik css nie dodawaj style="text-align:......
Tu jest błąd:
<p style="text-align: center"><div id="menu" class="przyklad menu_poziome" style="text-align: center">
</div></p>
Div jest nadrzędny , a nie p.
Wyglad div powinien być określony w "styles/style.css"- dlatego nie działa.

Najlepiej pobierz z internetu gotowy szablon strony www (jest tego pełno), który ci się podoba i wstaw swoje dane.

Nie rozumiem przecież jest <link> a szablon z internetu

W kodzie jest dużo błędów. Tu możesz sprawdzić kod:
https://jigsaw.w3.org/css-validator/#validate_by_upload+with_options

Menu górne nie jest objęte div. Po logo , a przed <ul> wstaw <div id="gora"> i zakończ po </ul> </div>
Wygląd div powinien być określony w "styles/style.css"-
div#gora {margin: 0px auto;}

jarekcda napisał:

W kodzie jest dużo błędów. Tu możesz sprawdzić kod:
https://jigsaw.w3.org/css-validator/#validate_by_upload+with_options

Menu górne nie jest objęte div. Po logo , a przed <ul> wstaw <div id="gora"> i zakończ po </ul> </div>
Wygląd div powinien być określony w "styles/style.css"-
div#gora {margin: 0px auto;}

Bardzo Ci dziękuje. Sprawdzę i poprawię .
-----
W kodzie CSS nie znaleziono żadnych błędów.
Niestety nic z tego, nie wiem co jest. Umieszczam kody jeszcze raz.

SmallPhoenix558 napisał:

Jest jeszcze jedno pytanie - czy da się zrobić, (w plku bezp_1.html) aby napisy "Chcę wiedzieć więcej" i "Następna Strona >>" były w jednej linijce - ale po prawej i lewej stronie? (lewa - "Chcę wiedzieć więcej", prawa - "Następna strona >>")

Mam tylko 3 dni, a to nadal nie działa... Jeśli nadal nie wyjdzie, można zrobić menu o nowa. Jakieś pomysły?

Niestety czas już się skończył.

Niestety czas już się skończył.

Dodano po 6 [godziny] 14 [minuty]:

Hej!
Niestety czas już minął i problem nie został rozwiązany, więc spróbowałem zrobić menu od nowa. Pod tekstem znajdziecie stronę do pobrania. Dziękuję za wkład w mój problem! Bardzo wam dziękuje i życzę żeby żaden problem nie stanął wam na drodze .
Pozdrawiam!
SmallPhoenix558 (N.K.)

BZWP.zip (71.08 kB)Musisz być zalogowany, aby pobrać ten załącznik.