• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

Object Storage Arubacloud
0 głosów
343 wizyt
pytanie zadane 19 maja 2020 w HTML i CSS przez Stefan Marzec Użytkownik (710 p.)
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

2 odpowiedzi

0 głosów
odpowiedź 19 maja 2020 przez eunstachy Stary wyjadacz (14,180 p.)
1. Sprawdź czy na końcu URL nie masz #example

2. Tego nie rozumiem.

3. Wyzeruj paddingi oraz marginesy dla <ul>.
komentarz 19 maja 2020 przez Stefan Marzec Użytkownik (710 p.)
Dzięki.
0 głosów
odpowiedź 19 maja 2020 przez frostify Mądrala (5,640 p.)

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
komentarz 19 maja 2020 przez Stefan Marzec Użytkownik (710 p.)
Okej, działa. Dzięki wielkie.

Podobne pytania

0 głosów
1 odpowiedź 146 wizyt
0 głosów
2 odpowiedzi 992 wizyt
+2 głosów
2 odpowiedzi 189 wizyt
pytanie zadane 27 marca 2016 w HTML i CSS przez VeniK Początkujący (270 p.)

92,676 zapytań

141,580 odpowiedzi

320,058 komentarzy

62,039 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

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!

...