• 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

VPS Starter Arubacloud
0 głosów
210 wizyt
pytanie zadane 11 października 2018 w HTML i CSS przez niezalogowany
zamknięte 11 października 2018
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

0 głosów
odpowiedź 11 października 2018 przez shotokan Nałogowiec (39,660 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 niezalogowany
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 (39,660 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 niezalogowany
komentarz 11 października 2018 przez shotokan Nałogowiec (39,660 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 niezalogowany
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 (39,660 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 niezalogowany
po prostu położyłem slash w złym miejscu :)

https://youtu.be/k2IydkL3EOs?t=1951
0 głosów
odpowiedź 11 października 2018 przez Kxmil Nowicjusz (220 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 niezalogowany
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 Kxmil Nowicjusz (220 p.)
ustaw margin: 0px;
komentarz 11 października 2018 przez niezalogowany
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 Kxmil Nowicjusz (220 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 niezalogowany

dziękuje ci bardzo :D 

 

komentarz 11 października 2018 przez Kxmil Nowicjusz (220 p.)
SZPOKO

Podobne pytania

0 głosów
2 odpowiedzi 1,180 wizyt
0 głosów
1 odpowiedź 134 wizyt
pytanie zadane 2 marca 2020 w HTML i CSS przez Avalansz Użytkownik (580 p.)
0 głosów
3 odpowiedzi 387 wizyt
pytanie zadane 2 kwietnia 2018 w HTML i CSS przez Kamil110501 Bywalec (2,490 p.)

92,453 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...