Strona przewija się tuż po otwarciu / czy element listy można zalinkować.

Question

Cześć. Piszę stronę jako zadanie na egzamin z informatyki. Postanowiłem że użyję samego css i html. I mam trzy problemy:

1. Chodzi o to że po otwarciu strony od razu przewija się do ostatniego "użytego" punktu. Mam wrażenie że przeglądarka zapisuje ostatni punkt przewinięcia. Używam komendy scroll-behavior: smooth i linków.

2. Da się zapisać element listy jako link?

3. Po użyciu listy i ustawieniu list-style-type na none znikają kropki ale pozostaje miejsce. Jak to naprawić?

Jeżeli coś jest niezrozumiałe to przepraszam.

HTML - https://pastebin.com/L4d3syFm

CSS - https://pastebin.com/jCvG5p97

Answer 1

1. Sprawdź czy na końcu URL nie masz #example

2. Tego nie rozumiem.

3. Wyzeruj paddingi oraz marginesy dla <ul>.

Comments

Dzięki.

Answer 2

1. Po klinięciu w link podpisany "raz", przenosi on cie do takiego adresu: 'adrestwojejstrony/#example'.

Po wejściu w dany link przenosi cię do elementu o id 'example' na stronie, jeżeli już jesteś na stronie to razem ze scroll-behavior płynnie cię do niego przesunie, ale jeśli nie jesteś na tej stronie, tylko np. wejdziesz na stronę o danym adresie z historii przeglądarki, od razu pokaże ci dany element.

Ktokolwiek wejdzie w taki link, pokazany zostanie mu właśnie ten element na stronie, więc jeżeli odświeżysz stronę z #example na końcu adresu strony, także pokaże ci się dany element na stronie, to normalne.

Jeśli chcesz, by pokazywało stronę normalnie od samej góry, usuń #example z paska adresu strony.

2. Tak da się, możesz cały <li> umieścić wewnątrz <a>, nie ma z tym żadnego problemu.

3. Nie dodawaj niczego do <li>, tylko do <ul>, czyli w twoim wypadku do .menu dodaj: 

list-style: none;
padding: 0;
margin: 0

Comments

Okej, działa. Dzięki wielkie.