Pozicioniranja , HTML/CSS Pitanja

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Mora ul i li. Ovo je najosnovnija moguca polazna tacka ali u kojoj opet dobijas funkcionalan meni.

0. <nav class="main_nav">
1.    <ul class="nav_content">
2.       <li><a href="#">home</a></li>
3.       <li><a href="#">about</a></li>
4.       <li><a href="#">blog></a></li>
5.       <li><a href="#">contact</a></li>
6.    </ul>
7. </nav>

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ja odradio savrseno bez ul i li

evo kod:

0. <nav class="navigacija">
1.  
2.    <a href=""> HOMEPAGE </a> |
3.    <a href=""> PHOTOS  </a> |   
4.    <a href=""> VIDEOS </a>    |
5.    <a href=""> FEATURES </a>|   
6.    <a href=""> ABOUT  </a>   
7. </nav>

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Koristis ul i li u okviru nav elementa da bi pokrio kompatibilnost sa starijim verzijama browsera koji ne prepoznaju html5 elemente. Takodje, mnogo lakse ces manipulisati sadrzajem navigacije.

• 3Ovo se svidja korisnicima: nike992, Default, E.L.I.T.E.
  
  Registruj se da bi pohvalio/la poruku!

E.L.I.T.E. ::Apsolutna je dosta slična relativnoj, samo što se u ovom slučaju mogu definisati sva četiri atributa dok se u gornjem koriste pozitivni i negativni brojevi.

Netacno.

Apsolutno pozicioniranje nije uopste slicno relativnom - relativno pozicioniranje se uvek odnosi na realnu poziciju elementa, dok kod apsolutnog pozicioniranja referentnu poziciju moguce promeniti.

Pozicije koje su slicne su apsolute i fixed - sa tom razlikom da se apsolute element "pomera" prilikom skrola, a fixed element stoji na istom mestu bez obzira koliko god da skrolujes. Primer: [Link mogu videti samo ulogovani korisnici]

Inace, apsolutno pozicioniran element, za razliku od fixed elementa, nece biti "odmaknut" u odnosu na browser, vec u odnosu na prvi parent element koji ima poziciju koja nije "static", sto je podrazumevana pozicija za sve elemente. Tek ako nijedan parent nema drugaciju poziciju, onda je u odnosu na browser. Primer: [Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ovo mi je nije logicno nikako, hocu pozicioniram button, i sada skroz desno, moraosam staviti margin-left:120%;, a zar nije to100% maximum na velicinu ekrana, logicnije bi bilo datreba umesto 120% nekih 92%. Mislim na taj sto sam uokvirio button!


Takodje za ovaj textbox do njega odmah sto je, stavio sam top da je 32%, isto i za button sam stavio 32%, a ispalo da je button jos nizi dole!

0. #search{
1.    position:absolute;
2.    top:32%;
3.    margin-left:67%;
4. }
5. input[type="search"]
6. {
7.    height:35px;
8.     width:250px;
9. border: 0px solid #a1a1a1;
10.    border-radius: 10px;
11. background-color:#F1f1f1;
12. }
13.  
14. #search_bt{
15. position:absolute;
16.    top:32%;
17.    margin-left:120%;
18. }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Postavi i html kod.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Cim si rekao html kod pogledao sad dobro nisam bio zatvorio div jedan. Hvala ti!

Pitanje 1.
Sada je okej mada me ovo zanima oko pozicioniranja, imam 3 elementa u jednom redu, odnosno 3 div-a.
Stavio sam prva da float:left; a treci float right.
Prva dva elementa su na position:relative , dok je treci position:absolute. Ukoliko bih trecem stavio relative, ne bih ga moga pozicionirati u tom redu gdje su prva dva elementa. Kada sam stavio relative, njegov margin-top:0%; se nalazi odmah ispod prvog i drugog elementa, dok sa absolute se moze uklopiti da bude u jednom redu.
Sredio sam to da ne dodje do zabune, nego me samo interesuje, zasto ne moze relative, odnosno zasto mora absolute.
Da nisam pogresio sto sam stavio i na prva dva elementa relative?

Pitanjce 2.
Da se nadovezem na proslo pitanje, moja vecita dilema. Kada imam vise elemenata u nizu, i npr prvi element zauzima 20 %, drugi 30, treci 30%. I sada oni su poredani sve urendo sa margin-top i left. Dakle u browseru kada se pokrene ne zaklanjaju jedan drugog-a. Kada odem na inspect elements, onda npr od drugog elementa div njegov je citavom sirinom preko ekrana, fakticki ide i preko ostalih divova, i tako i osta 2 diva. Da li je obavezno tu resavati nesto, tipa stavljanje width za svaki div i slicno?
Ili je mozda bolje da kad radim jedan red da napravim za nejga kao neki div container pa u njeg stavljam div-ove?

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Napisano: 23 Jan 2015 12:26

Ne znam zasto toliko forsiras apsolutno pozicioniranje. Ja ga izbegavam kada god imam priliku. Koristim ga samo kada moram da preklopim dva elementa (uz kombinaciju sa z-index). Poskidaj position parametar kod sva tri elementa i tada bi svi trebali da budu na svojim mestima. Takodje u zavisnosti od tipa elementa (koju display vrednost imaju po defaultu) mozda ce biti potrebno da im se zada parametar display:inline ili display:inline-block . To ces lako utvrditi. Ako elementi idu jedan ispod drugog onda su to block elementi, ako idu u nizu onda su inline ili inline-block.

Dopuna: 23 Jan 2015 12:53

Citat:li je mozda bolje da kad radim jedan red da napravim za nejga kao neki div container pa u njeg stavljam div-ove?

Tako je.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Posto se ucim jos, zamislio sam nesto uraditi, ali nisam uspio problem je opisan na slici detaljno.
Posto nemam koda, nije se sacuvao interesuje me gde sam pogresio jer, pa da probam ponovo

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Druže, ne razumem ja ovu tvoju sliku baš najbolje. Napisao si na 4 slika unutar drugog div-a, a dole da ta 3 diva ne možeš poređati. Jel' to slika, div ili slika unutar div-a?