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

Nie mogę zlokalizować błędu przy zagnieżdżaniu

0 głosów
94 wizyt
pytanie zadane 31 sierpnia 2018 w HTML i CSS przez ctx2 Początkujący (410 p.)

Mam problem ponieważ nie rozumiem  co poszło źle, pisze w sassie i źle mi wszystko wyświtla button ma bacground a tło sprowadza się do części wpisu, w czystym css bez zagnieżdżania wszystko idzie prawidłowo.
https://jsfiddle.net/czugxrwk/ - kod
https://youtu.be/H7LUUsbpbrg?t=52m44s - kod z  koduje.pl
https://i.imgur.com/AflASxu.png - tak to wygląda

3 odpowiedzi

0 głosów
odpowiedź 1 września 2018 przez Kamil Łydka Stary wyjadacz (12,150 p.)
wybrane 1 września 2018 przez ctx2
 
Najlepsza

Tak na szybko spojrzałem na ten button. Masz: 
 

<nav class="page-nav">
    <ul class="navigation-menu">
      <li><a href="#" title="Features of my produscts">Features </a></li>
      <li><a href="#" title="Check the pricing">Pricing </a></li>
      <li><a href="#" title="A few words about me">About me </a></li>
      <li><a href="#" title="Sing up if you don't have account">Sing up </a></li>
    </ul>
  </nav>
  <button type="button" title="Open menu" class="hamburger">
<!--  ciąg dalszy -->

Zauważ, że button z klasą hamburger jest poza klasą page-nav

Natomiast w SCSS masz: 

.page-nav {
  .hamburger {
    border: 0;
    background:0;
  }
}

Więc prawdopodobnie musisz również button wrzucić do <nav>. Jednak pewny nie jestem, bo filmiku nie oglądałem, mam nadzieję że to jest to. :)

1
komentarz 1 września 2018 przez ctx2 Początkujący (410 p.)
Dzięki, faktycznie tak źle przepisałem że tego nie zauważyłem.
0 głosów
odpowiedź 1 września 2018 przez pablop76 Szeryf (96,690 p.)
button jest w elemencie o klasie .page-header nie .page-nav
0 głosów
odpowiedź 1 września 2018 przez ctx2 Początkujący (410 p.)
edycja 1 września 2018 przez ctx2
Dzięki

Podobne pytania

+1 głos
2 odpowiedzi 122 wizyt
0 głosów
2 odpowiedzi 55 wizyt
pytanie zadane 13 kwietnia w HTML i CSS przez RAD Obywatel (1,820 p.)
0 głosów
0 odpowiedzi 45 wizyt
pytanie zadane 10 stycznia w HTML i CSS przez misza1597 Nowicjusz (190 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

65,755 zapytań

112,393 odpowiedzi

237,318 komentarzy

46,700 pasjonatów

Przeglądających: 128
Pasjonatów: 0 Gości: 128

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...