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

question-closed Css przylepienie nagłówka do strony

0 głosów
79 wizyt
pytanie zadane 11 października 2018 w HTML i CSS przez Marcins321 Bywalec (2,520 p.)
zamknięte 11 października 2018 przez Marcins321
Witam.Mógłby ktoś wytłumaczyć mi jak zrobić nagłówek przylepiony do strony? chodzi mi o takie coś:

http://prntscr.com/l4z60v
komentarz zamknięcia: ...

2 odpowiedzi

+1 głos
odpowiedź 11 października 2018 przez Kamil Kawula Nowicjusz (160 p.)
Nie wiem czy dobrze cie zrozumiałem, ale jeżeli chodzi ci o sticky nav to masz tu link do poradnika: https://www.youtube.com/watch?v=vd_GnTBzJ4U
komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
Nie o to mi chodzi :) chodzi mi o to że pomiędzy lewą prawą i górą nagłówka widać tło jest tam jakby margines czy coś  , a chcę aby nagłówek przylegał do strony:

to co mam:

http://prntscr.com/l4zkzl

i to co bym chciał osiągnąć:

http://prntscr.com/l4zm0r

widzisz to  cały nagłówek równo przylega ;)
komentarz 11 października 2018 przez Kamil Kawula Nowicjusz (160 p.)
ustaw margin: 0px;
komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
nie wiem czy widziałeś link który przed chwilą wysłałem :)

https://jsfiddle.net/vfkn9de7/21/

mam ustawione marginesy na 0 :D

nwm czy to w czymś pomoże ale stronę robiłem przy użyciu  css grid
komentarz 11 października 2018 przez Kamil Kawula Nowicjusz (160 p.)
body{
	background-color: #919191;
	color: black;
	min-width: auto;
	min-height: auto;
  margin: 0px;
}

i juz działa :))

komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)

dziękuje ci bardzo :D 

 

komentarz 11 października 2018 przez Kamil Kawula Nowicjusz (160 p.)
SZPOKO
0 głosów
odpowiedź 11 października 2018 przez shotokan Nałogowiec (38,500 p.)
Nie wiem, czy dobrze Cię zrozumiałem, ale jeśli chcesz przykleić jakiś element do strony, aby zawsze był w danym miejscu (przy przewijaniu strony) to musisz nadać mu styl CSS position: fixed oraz właściwości top, left (lub right, lub bottom).
komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
zrobiłem coś takiego i wyszedł klops i to dosłownie :D

przed Position:fixed

http://prntscr.com/l4zc06

po Position:fixed

http://prntscr.com/l4zbrw
komentarz 11 października 2018 przez shotokan Nałogowiec (38,500 p.)

Nie wklejaj screenów bo to nam nie pomoże, tylko kod dołączaj w odpowiednich bloczkach lub daj np. na codepen

Edit: Klops nie wyszedł, wszystko zadziałało jak powinno, position:fixed powoduje "wyjęcie" danego elementu z układu strony. Aby dany element ułożyć w konkretnym miejscu musisz posłużyć się właściwością np. top i left.

komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
komentarz 11 października 2018 przez shotokan Nałogowiec (38,500 p.)
Z mojej wiedzy wynika, że nie istnieje coś takiego jak </br>. Poza tym element został przyklejony więc w czym rzecz?
komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
Ech HTML uczyłem się od MZ ,a on nagrywał to 5 lat temu , więc mogą być jakieś błędy ;)
komentarz 11 października 2018 przez shotokan Nałogowiec (38,500 p.)
Nie sądzę, aby 5 lat temu taki znacznik istniał :) Po prostu <br> nie posiada znacznika zamykającego :)
Aby ten napis na zielonym tle Ci nie zakrywał zawartości, musisz tą zawartość obniżyć.
komentarz 11 października 2018 przez Marcins321 Bywalec (2,520 p.)
po prostu położyłem slash w złym miejscu :)

https://youtu.be/k2IydkL3EOs?t=1951

Podobne pytania

0 głosów
2 odpowiedzi 41 wizyt
0 głosów
3 odpowiedzi 65 wizyt
pytanie zadane 2 kwietnia 2018 w HTML i CSS przez Kamil110501 Bywalec (2,400 p.)
0 głosów
2 odpowiedzi 80 wizyt
pytanie zadane 22 maja 2016 w HTML i CSS przez Al Capone Obywatel (1,230 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

59,026 zapytań

104,412 odpowiedzi

215,974 komentarzy

31,421 pasjonatów

Przeglądających: 269
Pasjonatów: 7 Gości: 262

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.

...