Skaczące menu po kliknięciu w jeden z tematów

1

Witam, może znajdzie się ktoś kto odkryje w czym tu tkwi problem, sama jestem początkująca i po kilku dniach szukania odpowiedzi, testowania, kombinowania na wszelkie sposoby nie mam więcej pomysłów jak to rozwiązać.
Mianowicie po kliknięciu w "boeking" w menu strony całe menu skacze do góry, odkryłam że to przez bordera (po jego usunięciu menu nie skacze), więc zapewne należy coś pokombinować z parametrami w hoverze jedynie nie wiem dokładnie które elementy należy wziać pod uwagę.

0

Tutaj link do kodu html i css: (https://jsfiddle.net/g80j7csk/)

2

Mała podpowiedź w temacie - zmień linię numer 28 w HTML tak, żeby miała następującą postać:

<li><a href="#boekingd" id="boeking">Boeking</a></li>

Czy teraz wiesz, dlaczego tak się działo? :P

Jeśli nadal nie czaisz, to rzuć okiem tutaj - https://www.w3schools.com/tags/att_a_href.asp

1

Masz:

<a href="#boeking" id="boeking">Boeking</a>

Zatem Boeking jest jednocześnie kotwicą i linkiem do tej kotwicy. I jak go klikniesz, to strona przewija się do wybranej kotwicy.

2

Boeking jest jednocześnie kotwicą i linkiem do tej kotwicy. I jak go klikniesz, to strona przewija się do wybranej kotwicy

ej no... nie psuj zabawy. Chciałem pytająca naprowadzić, żeby sama do tego doszła :(

1

Ok, poniekąd rozumiem, że dwa takie same "boeking'i" nie idą ze sobą w paradzie :)
Czyli dodając potem linka do podstrony "boeking" najlepiej nieco zmienić nazwę?

1

Niekoniecznie "nieco". Możesz nawet bardzo :D

Tak, jak smoczyca wyjaśniła - kotwica nie powinna być taka sama, jak ID elementu (no chyba, że robisz to celowo i właśnie taki efekt chcesz uzyskać - ale sądząc po pytaniu w wątku to raczej nie).
W ogóle lepiej, żeby nazwy się nie powtarzały - bo po pierwsze czasami właśnie takie kwiatki mogą się pojawiać, a po drugie - trochę łatwiej się czyta kod, w którym nazwy jednoznacznie identyfikują elementy. Widząc gdzieś to Twoje boeking nie trzeba się zastanawiać o co chodzi - czy o kotwicę w kodzie, o ID jakiegoś znacznika HTML, element menu czy coś jeszcze innego.

0

Zrozumiane, zakodowane, dzięki Wam bardzo :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1