• 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
88 wizyt
pytanie zadane 31 sierpnia 2018 w HTML i CSS przez ctx2 Początkujący (390 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 Dyskutant (9,370 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 (390 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 (91,270 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 (390 p.)
edycja 1 września 2018 przez ctx2
Dzięki

Podobne pytania

+1 głos
2 odpowiedzi 111 wizyt
0 głosów
2 odpowiedzi 45 wizyt
pytanie zadane 13 kwietnia w HTML i CSS przez RAD Obywatel (1,820 p.)
0 głosów
0 odpowiedzi 39 wizyt
pytanie zadane 10 stycznia w HTML i CSS przez misza1597 Nowicjusz (190 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

63,266 zapytań

109,521 odpowiedzi

228,793 komentarzy

43,505 pasjonatów

Przeglądających: 161
Pasjonatów: 2 Gości: 159

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.

...