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

Jeden div umieszczony na drugim

Object Storage Arubacloud
0 głosów
907 wizyt
pytanie zadane 15 kwietnia 2017 w HTML i CSS przez CIO3KOV Początkujący (440 p.)

Witam, jak zrobić aby nawigacja nachodziła na Banner: https://codepen.io/alpphatra/pen/zwGOoZ ?

komentarz 15 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)
W kodzie widzialem jeszcze ze chcesz zrobisz stopke no to pod navigacja musisz zrobic kolejnego diva  i zostawic okolo 50px wysokosci na stopke
komentarz 15 kwietnia 2017 przez Eryk Andrzejewski Mędrzec (164,260 p.)
Jak kolejnego diva i zostawić wysokości na stopkę? Specjalistą od frontendu na pewno nie jestem, ale po co tworzyć puste divy, skoro można użyć margin?

3 odpowiedzi

+2 głosów
odpowiedź 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
wybrane 15 kwietnia 2017 przez CIO3KOV
 
Najlepsza
możesz wykorzystać pozycjonowanie elementów w CSS:
https://developer.mozilla.org/pl/docs/Web/CSS/position

Podpowiem, że potrzebujesz postion: absolute i position: relative do osiągnięcia takiego efektu + top: 0 ;)
komentarz 15 kwietnia 2017 przez CIO3KOV Początkujący (440 p.)

Dziękuję, otrzymałem taki efekt jaki pożądałem winklaugh

http://codepen.io/alpphatra/pen/zwGOoZ

komentarz 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

ależ nie ma za co cheeky a nie chciałeś przypadkiem, żeby ta nawigacja była "doczepiona" do góry strony?

komentarz 15 kwietnia 2017 przez CIO3KOV Początkujący (440 p.)
Jeśli chodzi o efekt sticky, to jest już...
komentarz 15 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

aa no to okeej wink

0 głosów
odpowiedź 15 kwietnia 2017 przez pokrywa1 Użytkownik (990 p.)
utwarzasz   div o nazwie Banner  i dajesz mu width  jakis tam okreslony i w tym divie robisz diva o nazwie nav

 

<div id="Banner">

       <div id="nav">

       </div>

</div>

 

a w css  ustalasz tylko tam ich wielkosci i tym podobne
komentarz 15 kwietnia 2017 przez CIO3KOV Początkujący (440 p.)
zapomniałem dodać, że nawigacja jest sticky...
–1 głos
odpowiedź 15 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)

poczytaj o :before oraz :after

Podobne pytania

+1 głos
2 odpowiedzi 1,471 wizyt
0 głosów
4 odpowiedzi 1,814 wizyt
pytanie zadane 2 września 2018 w HTML i CSS przez Szycha Gaduła (4,650 p.)

92,669 zapytań

141,568 odpowiedzi

320,037 komentarzy

62,034 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

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!

...