Pocetna strana, dugmad, lejeri...

Pocetna strana, dugmad, lejeri...

offline
  • Pridružio: 17 Jun 2005
  • Poruke: 40

Zelim da pocetnu stranu uradim bez background slike i tabela tako sto ce stranu ciniti jpeg 1024 x 768 koji bi na svim rezolucijama monitora bio u sirini browsera bez margina. Background image nije dosao u obzir, samo insert - image i 100% umesto stvarnih dimenzija slike u podesavanjima ( margine 0 ). Problem nastaje kada pokusam da preko slike pokusam da ubacim dugmad, lejere, linkove jer oni su tu samo u Dreamweaveru, u Operi i IE slika i dalje stoji na mestu ali su zato pomenuti elementi na sasvim drugim pozicijama. Na svakoj promeni rezolucije menja im se i mesto. Pokusao sam da postavimi tabelu sa smo jednim poljem i slikom u njemu i nista nisam dobio. Pokusaj sa lejerima nije doneo rezultate, cak i rectangular hot spot tool koji linkujem na odredjenu stranu u browseru ne reaguje. Ja sam pocetnik, pretresao sam Google 2 dana i nisam nasao odgovor, nadam se da cu ga ovde naci.



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Koliko sam te ja razumeo ti imaš problem sa definisanjem pozicija u css-u.
Ako stavljaš sliku kao tag, ona mora da stoji u nekom div tagu zar ne, što znači da ti za ostale elemente treba još jedan div tag koji ćeš pozicionirati po želji, ali kome ćeš u css zadati veći z-index. Sa z-indexom u css određujemo koji će element biti "ispred", a koji iza nekog elementa.
Pogledaj recimo moj sajt i stavi kursor na recimo Mesne zajednice. Tebi takav princip treba. Da su mi srednja kolona i menu bar istog z-indexa, kad staviš kursor na dugme, menu bar bi gurnuo srednju kolonu dole, ali pošto menu bar ima veći z-index od srednje kolone, on prelazi preko svega što se nalazi u srednjoj koloni. Wink Dakle Google-aj za z-index-om.
Ono što meni nije jasno je, zašto ne bi stavio sliku u css background? Izgled je potpuno isti.



offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3666
  • Gde živiš: 127.0.0.1

Panzer ::Zelim da pocetnu stranu uradim bez background slike i tabela tako sto ce stranu ciniti jpeg 1024 x 768 koji bi na svim rezolucijama monitora bio u sirini browsera bez margina.

Sto pre odustanes od ovoga, to bolje. Cisto da ne bi gubio vreme, odmah da ti kazem da je nemoguce... bar ne tako kako si zamislio.

Sliku je moguce razvuci (visinu i sirinu) koriscenjem JS (cime mozes dosta da izgubis na kvalitetu slike), ili "podmetnuti" drugu sliku, odgovarajuce rezoluzije, opet uz malu pomoc JS.

Da bio dobio ono sto zelis, treba ovde ohoho CSS-a Wink upravo radim jedan takav projekat (menjam Flash sajt u HTML, uz maksimalno zadrzavanje prethodnog izgleda i animacija), i nije ni malo lak posao kao sto se cini. BTW, ako radis sa layerima, DW ti nece bas mnogo pomoci Wink

@Crazy Wiking: mislim da uz CSS property z-index mora da stoji i position: relative (ili absolute).

offline
  • Pridružio: 17 Jun 2005
  • Poruke: 40

Ako stavim sliku u CSS background onda cu opet imati problem sa zeljenom sirinom tj. " popunjavanjem " rezolucije kao i sa ponavljanjem tj. " tilingom ". Slika u backgroundu se ponasa tako ili je secena u drugom slucaju, bar kod mene. Sad cu malo prouciti z - index i ovo sto sam procitao kod tebe pa cu probati nesto da uradim.

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3666
  • Gde živiš: 127.0.0.1

Ako imas problema sa ponavljanjem bg-a tamo gde ne zelis da se ponavlja, imas opciju da CSS-om ogranicis ponavljanje:

Potpuno ponavljanje:
div { background: url(putanja/do/slike.jpg); }

Ponavljanje po duzini:
div { background: url(putanja/do/slike.jpg) repeat-x; }

Ponavljanje po visini:
div { background: url(putanja/do/slike.jpg) repeat-y; }

Bez ponavljanja:
div { background: url(putanja/do/slike.jpg) no-repeat; }

Moze CSS-om da se izvede dosta toga, samo je potrebno znati pravi nacin Wink

offline
  • Pridružio: 17 Jun 2005
  • Poruke: 40

Ogranicavanje ponavljanja sam vec odradio ali sam dobio fisknu sirinu i visinu slike postavljenu u ugao ili na sredini sa velikim prostorom sa strane. Stvarno je uzaludan posao, evo vec nekoliko dana sedim i sve ce se izgleda svesti na tabele i jpeg na sredini sa backgroundom u boji. Zar nikako ne postoji sansa da lejeri koje postavim prate promene u rezoluciji zajedno sa slikom?

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3666
  • Gde živiš: 127.0.0.1

Ne, ako koristis pozicioniranje preko position: absolute (mada ni sa relative neces da se usrecis), bez JavaScripta u pozadini koji ce da menja njihove CSS stilove u zavisnosti od rezolucije. Zasto? Zato sto se pozicija racuna u odnosu na neku pocetnu tacku, koja nije bas fiksna (pri razlicitim rezolucijama), a razmak ima fiksnu vrednost, toliko-i-toliko px.

Rekoh ti, uzaludan posao. Ja sam 2 dana namestao ponavljanje bodljikave zice oko sajta (ne pitaj zasto), tako da se, bez obzira na rezoluciju ponavlja kako treba (tj da nema prekide ili pogresne sastave). Ima tu mnogo rada, koriste se i neke Math. funkcije unutar JS-a... Osim ako nemas neki debeli razlog (citaj: $$$), ne gubi vreme bez veze.

offline
  • Pridružio: 17 Jun 2005
  • Poruke: 40

Obzirom da sam pocetnik od te matematike nema nista za sada. Zao mi je jpeg - a kojeg tvrdoglavo zelim da stavim na front page, mnogo posla u Photoshopu je bilo. Da ne gnjavim vise: pokusao sam sa div - ovima i ne ide mi nikako a zelim i dalje da preko tog jpega postavljam dugmice i dr. obzirom da se on sada nalazi u tabeli koja ce biti fiksna na sredini. Svako dodavanje se zavrsava novim redom ispod i iznad postojeceg, nikako da bude na samoj slici. Hvala na trudu i pomoci

Ko je trenutno na forumu
 

Ukupno su 791 korisnika na forumu :: 30 registrovanih, 6 sakrivenih i 755 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Apok, babaroga, Bane san, Boris90, Chainsaw, darkangel, dragon986, goflja76, HDMI, JOntra, kos milorad, KUZMAR, Lieutenant, Marko Marković, mcgunner, mercedesamg, Mercury, Milan A. Nikolic, nebkv, ObelixSRB, oddsock, pein, Petar35, repac, stegonosa, voja64, Wisdomseeker, Yellow Pinky, Živković, Čivi