Pozycjonowanie warstw

[PawelC]

Powie mi ktoś jak robić te divy żeby każdy był tam gdzie chce, a nie kombinować i diva w divie robić. Przez te wojsko to już połowy nie pamiętam

Robie szablon i stanęłem na takim etapie: https://www.pawelsite.ovh.org/

P.S. Oczywiście logo inne będzie

[Trotyl]

Nie wiem o co dokładnie chodzi więc odsyłam tutaj:

https://www.kurshtml.boo.pl/css/pozycjonowanie.html

[PawelC]

No właśnie chodzi mi o ustawianie bloków(div) tam gdzie chce, z tej strony co podałeś patrzyłem ale coś nie kumacie jest napisane.

[Flanker]

Nie bardzo rozumiem co masz na myśli pisząc o ustawianiu divów tam gdzie chcesz. Póki co widać tam jedynie top i menu. Jeśli chcesz ustawić coś takiego:

menu | treść strony | prawe boxy

trzaskasz to float`em i generalnie w większości przypadków tak się to robi.

Można też korzystać z pozycjonowania absolutnego (position: absolute;) - jest to pozycjonowanie divów względem okna przegladarki, jednak ja nigdy nie używam tego sposobu.

Napisz konkretniej jakie divy jak chcesz poukładać.

[spookypld]

na początek to by się przydało zrobić zamknięcia body i html, co nie?

zamiast pisać

border-bottom:3px;
border-bottom-color:#0066cc;
border-bottom-style:solid;

możesz

border-bottom: 3px solid #0066cc;

[yavaho]

Jeżeli nie rozwiniesz zdania "żeby każdy był tam gdzie chce" to ciężko bedzie komukolwiek zrozumiec w czym problem.

Tu jest dużo przykladów jak zrobic menu https://css.maxdesign.com.au/

[PawelC]

Jeżeli nie rozwiniesz zdania "żeby każdy był tam gdzie chce" to ciężko bedzie komukolwiek zrozumiec w czym problem.

No więc chodzi mi o to że np menu główne chce umieścić po lewej stronie w górnym rogu, formularz rejestracji np po prawej u góry itp. Teraz rozumiesz czy jeszcze jaśniej napisać

[Flanker]

No więc chodzi mi o to że np menu główne chce umieścić po lewej stronie w górnym rogu, formularz rejestracji np po prawej u góry itp. Teraz rozumiesz czy jeszcze jaśniej napisać

U góry, ale rozumiem, że pod headerem.

Dla divu lewe_menu przypisujesz wartość float: left; a pod nim stwórz div z zawartością prawej części z wartością float: right;

Jeszcze jedna uwaga, stosuj nagłówki h1, h2, h3, h4 idt. Dla nagłówka menu zamiast <li><strong>Menu główne</strong></li> zastosuj: np. <h3>Menu główne</h3>

[PawelC]

Tak poprostu chodzi mi o to żeby wszystko swobodnie rozmieszczać tam gdzie chce

A robić taki jeden wielki ogólny div i w nim reszte umieszczać, czy bez niego?

[Flanker]

Jeśli chcesz, aby strona miała konkretną szerokość to najlepiej umieścić to wszystko w divie, natomiast jeśli zamierzasz stworzyć stronę, która rozciąga się dostosowując do szerokości przeglądarki chyba nie będzie to konieczne. Piszę chyba, ponieważ zawsze ustalam konkretną szerokość dla danej strony i umieszczam ją w divie, trzeby by było to sprawdzić w praktyce.

[PawelC]

No już kojarzę o co biega:D tylko jak zrobić div pod divem, bo jak dam obu float:left to jest jeden obok drugiego.

[Flanker]

div lewy: float:left;

div prawy: float:right;

div pod nimi: clear:both;

Chyba tak to leciało

[PawelC]

Stosowałem position:absolute i podałem parametry ale jak chce np pod logo dać jakiegoś diva to wtedy jest np top:400px

Zobacz sam:

https://www.pawelsite.ovh.org/test/

i plik css https://www.pawelsite.ovh.org/test/style.css

[mathie]

jak coś pozycjonujesz bezwzglednie to musisz pamietac ze jego przodkiem musibyc element pozycjonowany wzglednie

[Flanker]

Na pozycjonowaniu absolutnym się nie znam, nie jestem w stanie pomóc jednak mogę ci podać jeszcze jedną radę co do menu, jakie tam zastosowałeś:

zamiast robić <img /><a></a> dużo lepszym rozwiązaniem jest zbudowanie listy (UL LI) i w css elementowi li nadanie background`u w postaci strzalki o parametrze: no-repeat.