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

li:: marker oraz potrzebna pomoc z Submenu

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
0 głosów
345 wizyt
pytanie zadane 24 kwietnia 2021 w HTML i CSS przez Darek Kurc Nowicjusz (190 p.)
Cześć , problem dotyczy widoku na dużych ekranach, powyżej 1024 px. Chodzi o pseudoelementy li::marker , które utworzyły się z jakiegoś powodu(User Agent Styleshet) i zostawiają mi białe punkty obok pozycji w subMenu, a kiedy daje na nie display:none; to dalej nie znikają. Możektoś będzie w stanie podpowiedzieć gdzie mogę znaleźć źródło tych pseudoelementów zeby je usunąć( dziwne, że w zwykłym menu ten problem nie występuje). Problem można zobaczyć klikając w "Oferta" . Druga sprawa to czy ktoś ma jakies sugestie jak zrobić tak żeby po kliknięciu nie wyjeżdzało całe menu tylko sam "kwadracik z tym subMenu ?

Będę bardzo wdzięczny za pomoc. Zostawiam link do kodu. https://codepen.io/Darensi/pen/abpXJao

1 odpowiedź

+1 głos
odpowiedź 24 kwietnia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Pseudo element ::marker możesz wyciąć używając na liście property list-style: none

Property display nie działa na ten pseudo element → https://developer.mozilla.org/en-US/docs/Web/CSS/::marker#allowable_properties

komentarz 24 kwietnia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Druga sprawa to czy ktoś ma jakies sugestie jak zrobić tak żeby po kliknięciu nie wyjeżdzało całe menu tylko sam "kwadracik z tym subMenu ?

Na przykład przesuń ten element .submenu na wysokość <ul>, jego parentowi <nav> ustaw position: relative, temu submenu ustaw wtedy position: absolute i wypozycjonuj go odpowiednio.

komentarz 24 kwietnia 2021 przez Darek Kurc Nowicjusz (190 p.)

@ScriptyChris,Super , dzięki wielkie :)

A teraz takie pytanie czysto techniczne, dlaczego po ustawieniu <nav>
 ustaw position: relative, temu submenu ustaw wtedy position: absolute, .submenu ma background color białe lub przezroczyste, skoro teoretycznie w moim kodzie powinien odziedziczyc bgc z media min-width 320 px ?

:D

 

komentarz 24 kwietnia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Bo jeśli przeniesiesz element .submenu na wysokość <ul class="menu desktop"> (żeby byli dla siebie rodzeństwem), to wspomniane dziedziczenie już nie zachodzi.

komentarz 24 kwietnia 2021 przez Darek Kurc Nowicjusz (190 p.)
Czy byłbyś w stanie podsunąć jakieś materiał odnośnie tego? bo wydawało mi się, że dziedziczenie ogarniam a tu jednak nie do końca.

Podobne pytania

0 głosów
2 odpowiedzi 202 wizyt
pytanie zadane 21 kwietnia 2017 w HTML i CSS przez dominik36 Początkujący (480 p.)
0 głosów
1 odpowiedź 191 wizyt
pytanie zadane 6 lipca 2020 w HTML i CSS przez gmcode Gaduła (3,140 p.)
0 głosów
3 odpowiedzi 232 wizyt
pytanie zadane 8 marca 2018 w HTML i CSS przez pebrzosky Obywatel (1,160 p.)

93,430 zapytań

142,427 odpowiedzi

322,652 komentarzy

62,793 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

...