• 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
76 wizyt
pytanie zadane 11 października w HTML i CSS przez Marcins321 Obywatel (1,620 p.)
zamknięte 11 października 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 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 przez Marcins321 Obywatel (1,620 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 przez Kamil Kawula Nowicjusz (160 p.)
ustaw margin: 0px;
komentarz 11 października przez Marcins321 Obywatel (1,620 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 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 przez Marcins321 Obywatel (1,620 p.)

dziękuje ci bardzo :D 

 

komentarz 11 października przez Kamil Kawula Nowicjusz (160 p.)
SZPOKO
0 głosów
odpowiedź 11 października przez shotokan Nałogowiec (36,430 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 przez Marcins321 Obywatel (1,620 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 przez shotokan Nałogowiec (36,430 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 przez Marcins321 Obywatel (1,620 p.)
komentarz 11 października przez shotokan Nałogowiec (36,430 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 przez Marcins321 Obywatel (1,620 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 przez shotokan Nałogowiec (36,430 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 przez Marcins321 Obywatel (1,620 p.)
po prostu położyłem slash w złym miejscu :)

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

Podobne pytania

0 głosów
3 odpowiedzi 59 wizyt
pytanie zadane 2 kwietnia w HTML i CSS przez Kamil110501 Bywalec (2,400 p.)
0 głosów
2 odpowiedzi 79 wizyt
pytanie zadane 22 maja 2016 w HTML i CSS przez Al Capone Obywatel (1,230 p.)
0 głosów
1 odpowiedź 67 wizyt
pytanie zadane 26 marca 2017 w HTML i CSS przez Dorian Bajorek Dyskutant (7,820 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

56,370 zapytań

101,067 odpowiedzi

208,200 komentarzy

28,041 pasjonatów

Przeglądających: 358
Pasjonatów: 10 Gości: 348

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.

...