PDA

Pokaži Full Verziju : Web design


Boban010
23.02.2009, 19:06
Pitanje za sve koji se bave Web dizajnom za licne potrebe.Kako napraviti da se uradjena stranica sajta automatski prilagodjava okviru explorera,to jest da elementi na stranici baneri,slike flash itd uvek budu na sredini prozora explorera bez obzira na njegovu velicinu to jest rezoluciju?

Vaxter
23.02.2009, 19:14
Bitna stvar...
Na sredini kao samo centriran, ili na sredini kao centriran po x i y?
Pretpostavljam da je ovo drugo, poshto je to uglavnom svima problem... :D
Mozesh za css-om.

#box
{
position:absolute;
border:none black 0px;
top:20%;
right:25%;
bottom:25%;
left:27%;
padding:0px;
margin:0px;
}


<div id="box">centrirani sadrzaj</div>


Obavezno mu u css-u definishti visinu i shirinu, a mozda cesh morati malo i pading da sredish...
Ali to ti to...

Boban010
23.02.2009, 19:24
Nisam siguran da sam te najbolje razumeo posto sam vec naglasio da se u web dizajn slabo razumem.Dakle koristim razne alate u kombinaciji da bih postigao ono sto zelim.Dosta toga radim u Front page ali nemam pojma da sajt pravim u notepadu kao sto to rade pravi profesionalci.Pokusacu da ovo sto si napisao ubacim u program pa javljam sta sam uradio.

Vaxter
23.02.2009, 19:43
Huh...
Ne znam kako bih ti objasnio... :S
Mora se chuka ovaj kod, pa to ti je...
Nema druge...
Da malo pojasnim...
Pronadji unutar koda stranice </head> tag.
Ispred njega dodaj ovo:

<style type="text/css">
#box
{
position:absolute;
border:none black 0px;
top:20%;
right:25%;
bottom:25%;
left:27%;
padding:0px;
margin:0px;
}
<style>


Sad pronadji <body> tag, i unutar njega dodaj:
<div id="box">centrirani sadrzaj</div>
Gde ti umesto teksta centrirani sadrzaj dodje ono shto hocesh da bude centrirano...
Ili mi poshalji to shto radish, pa da ti spakujem...

Boban010
23.02.2009, 19:53
Evo kako izgleda jedan red koda koji lici na to sto si ti ispisao

<div id="shape1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:90px; height:599px; z-index:0"><img border=0 src="images/shapeRP0NS.gif"></div>

Ovo je sve u jednom redu a ima dosta toga sto bi hteo da centriram(rolover image ,flash itd).

E sad da li treba da izmenim ove parametre i kako ili da pokusam ovo sto si prethodno napisao?

Vaxter
23.02.2009, 20:12
Mozesh i to da modifikujesh.
Stvar je u tome da se pozicija ne definishe u pikselima, nego u procentima.
Dakle, left, right i top da ti budu od 20 do 25%.
Zavisi samo od toga koliko je veliko to sve shto centrirash.
I, naravno, sve to shto se centrira treba da bude unutar tog jednog div taga.

Boban010
23.02.2009, 20:35
Ovo sa CSS sam probao ali dobijam prazan explorer.Nesto izgleda ne radim kako valja.
A ovo sa promenom parametara cu sad da pokusam ali mi nije jasno kako to sto hocu da centriram da bude samo u jednom tagu kad tih div tagova sa objektima za centriranje ima vise?

Vaxter
23.02.2009, 20:42
Msm, mozesh i u vishe, ali ce se chudno preklapati, poklapati i biti jedni preko drugih...
Problem je shto ne znam kako ti radi ostatak strane...
Ako je prazna strana, onda nemash css-om definisan float, i onda je jako zeznuto...
Mora sve da se definishe css-om, da bi ovo funkcionisalo.
Da bi ti to objasnio, treba puuuno vremena. :S

Boban010
23.02.2009, 20:54
Bas tako,nisam uspeo ali u svakom slucaju hvala,jedno iskustvo vise!
Pozdrav!

Misa91
24.02.2009, 12:23
Ako zelis da ucis web design, onda poseti ovaj link, vrlo je lepo i detaljno objasnjen HTML i css, ja sam odatle ucio, pa mogu da preporucim!

http://www.w3schools.com/

Boban010
24.02.2009, 13:49
Resio sam problem,u samom generatoru stranica postoji opcija za centriranje,nista lakse!Mozda to nije potpuno resenje ali za mene kao amatera zadovoljava.Nije potpuno zato sto se sadrzaj stranice ne razvuce po celom ekranu pri rezolucijama vecim od 1024x768 ali je dovoljno to sto je na sredini!

Vaxter
24.02.2009, 16:35
Onda nema frke...
Super neshto! ;)

baxuz
24.02.2009, 17:20
umjesto CSS mozes koristiti TABLES

znaci namjestis jedan table da je 100% X 100% sirine i visine i onda centriras u njemu ostali materijal.

uz ovo moras namjestiti margins na 0.


ovo je jedan stari trik ali moze posluziti ako CSS neslusa hehe


ako treba vise informacija mogu objasniti.

Vaxter
24.02.2009, 17:26
Tabale sa 100% visine ti nece raditi lepo u svim browserima.
Tj. nece raditi uopshte... :)
Jednostavno ce im visina biti visina zbora svih elemenata u koloni, i to je to...
I nece da radi sa procentima...
Oprobano...
Moze jedino da se sa js chita visina vidnog polja browsera, a da se onda dinamichki menja, shto definitivno nije dobro reshenje...
U svakom sluchaju, nashao je covek u page generatoru reshenje na klik koje radi, tako da nema potreba za daljim razglavanjem.
Pretpostavljam da reshenje nije sa tabelama... :))