Pozycjonowanie divów

pytanie zadane 19 lipca 2017 w HTML i CSS przez Arex Nowicjusz (180 p.)

Witam,

Mam pewien kłopot z pozycjonowaniem divów w jednej z sekcji na stronie. Próbowałem na pare sposobów i szukałem, ale nic mądrego nie udało się zrobić, dlatego potrzebuje Waszej pomocy.

Cały kod z js i img wgrałem tu:

http://uploadfile.pl/pokaz/1158869---xggi.html

jaki chciałem uzyskać efekt?

Cały ten slider z liczbami chciałem mieć w jednym divie pod nazwą Section, ponadto teksty chciałem żeby wyświetlały się na obrazkach w sliderze, czyli Text 0, na obrazku 0, Text 1 na obrazku 1 itd, w takim stylu jak wygląda napis z obrazkiem kanionu (który swoja drogą też powinien być poniżej slidera)

I na końcu żeby przyciski prev i next również znalazły się pod sliderem a nie nad nim, lecz w tym samym divie głównym.

Podsumowując:

Napis (tytuł sekcji) Section

pod nim Slider z napisami na obrazku

pod nim przyciski

i pod tym reszta.

Także chciałbym sie dowiedzieć co robie źle z tym, podejrzewam że głownie o position chodzi, choć ta jest ustawiona dla rodzica relative a dla reszty absolute.

Pozdrawiam.

komentarz 19 lipca 2017 przez imklau Nałogowiec (42,090 p.)

raczej nie jest tu zbyt popularne to, żeby pobierać pliki;)
proponuję wrzucić to na codepen;)

komentarz 19 lipca 2017 przez Arex Nowicjusz (180 p.)

Dzięki za info :) Z tym, że na codepen wyskakuje info iż wszelkie media a w tym kodzie mam sporo obrazków, bez nich nie wiadomo o co by mi chodziło :P Ale poszukam może na innych tego typu portalach będzie można to obejść.

komentarz 19 lipca 2017 przez imklau Nałogowiec (42,090 p.)

to zależy, ile dla Ciebie to "sporo" ;)
jak jest taka w miarę dobra ilość to możesz sobie byle jakie z neta wziąć i wstawić link ;)

komentarz 20 lipca 2017 przez Arex Nowicjusz (180 p.)

Faktycznie o tym nie pomysłałem, dzięki :P

W takim razie wgrane z linków na codepen:

https://codepen.io/Arex/project/editor/ZbVOJa/

Co jest nie tak z tymi pozycjami, aby uzyskać wyżej opisane efekt?

komentarz 20 lipca 2017 przez imklau Nałogowiec (42,090 p.)

przykro mi, ale nikt poza Tobą nie może chyba podejrzeć kodu w projekcie na codepenie ;)
nie korzystaj z projektu, tylko kilknij sobie "create new pen"

komentarz 20 lipca 2017 przez Arex Nowicjusz (180 p.)

Ahh, pierwszy raz z tego korzystałem nie wiedziałem że projektu nie można zobaczyć.

W takim razie jako Pen jest to tutaj:

https://codepen.io/Arex/pen/JJgEQG

Tylko teraz bibliotek jqery nie wiem jak dodac osobno w tym penie jak normalnie sie robi wiec wkleiłem kod normalnie w html stosując tagi script.

komentarz 20 lipca 2017 przez imklau Nałogowiec (42,090 p.)

to tak na przyszłość podpowiem, że obok HTML, CSS czy JS z lewej strony jest ikonka ustawień, tam przechodzisz pod JavaScript i nawet jest takie coś jak quick-add i można wybrać jquery, bootstrapa itd ;p
a co do Twojego kodu to za chwilę spróbuję pomóc ;)
ewentualnie teraz może ktoś inny też pomoże ;)