CSS - Position Navigation Bar & Footer. >>> SOLVED! TQ!

gogo

Erkkk nervous plak 1st time bukak thread kt sini
I skrg ni tgh buat website for assignment Dlm website tu mesti ada html (of course ler kan ), css, flash, javascript dgn actionscript. Submission ari isnin neh Kne buat report lagi


So, soklannya kt sini, I dh design website tu guna photoshop. Suppose website tu jadi cam ni

Yg big grey box tu suppose space for content



Simple giler kan website I design neh
Before ni prnh try design website guna photoshop then save as .html but pening plak byk sgt spacer.gif Bila try delete spacer.gif n adjust skit2, trus hancur website tuh


So now I type code sume tu manually but refer to the design yg I buat dgn Photoshop. Bila type manually, sume ok. Cuma ada 2 problems


First problem, social network n navigation bar jadi berterabur


Cam ni jadinya haaa




Ni css part navigation bar n social network



Ni lak html code




Then, second problem is footer.


Yg sepatutnya jadi mcm gmbr 1st skali I letak tuh but instead, jd cam ni lak




Mana dtgnya grey bar tuh


Ni css footer




Ni lak html footer




Help! Help! Mata ni dh kero tgk code, dh xleh detect dh apa yg silap, sume nmpk sama jer {:1_126:}


P/S : I bkn buat assignment last minute eh. Cuma slalu tkr cara nk buat website n slalu tukar tajuk. So slalu end up buat dr mula


And sesape kt sini ada x installer microsoft web expression 3 skali dgn serial no. (klo ada 4 lagik bagus ). Tmpt I bljr nih ada kerjasama dgn Microsoft gituuu...so ktorg dpt software Microsoft free. I download Ms Web Expression 2 kt website ktorg tu la. Then, I format laptop so web expression pun hilang Nk download balik dr website kolej neh, ttiba dh xde lak :@ :@


So, now ni guna notepad jah


Erkkkk jgnla I kne ban sbb mntk software free
Hrp2 korg phm la soklan I neh

ShaCroft

mahap ler noks..diluar bidang kawal iols..iols master in language sajork

takpe..meh iols tolong pomot..


uols sumaaaaaaaaaa..tolong lahhhh nokgogo neh..sian sheols..sheols bek sgt..harap de yg sudi membantu sheols utk menyiapkan esemen last minit neh












nnt kalo website ni dah siap, jgn lupe letak gambo iols yg gojes ni ek

iszablack

so sorry noks. . iols bukan dlm bidang ni.. ( iols enjin nyiur jek.. ) jap lg mesti ader super hero dtg. . in the mean time, bertabahlah k. . jom merempit dulu. .

Mel007

pening aku nengok bende kenit2 cam ulat cacing je neh... x kesampaian nak menolong ...hu hu .. maap ler...

iszablack

TOLONG MENOLONG BUDAYA KITA. . KASIHANILAH TT INI. .

gogo

mahap ler noks..diluar bidang kawal iols..iols master in language sajork

takpe..meh iol ...
ShaCroft Post at 15-10-2011 21:02

tolong x ikhlas

gogo

pening aku nengok bende kenit2 cam ulat cacing je neh... x kesampaian nak menolong ...hu hu .. maap  ...
Mel007 Post at 15-10-2011 21:05

wahhhh terharu loyer skolah debb pun dtg menjenguk

gogo

so sorry noks. . iols bukan dlm bidang ni.. ( iols enjin nyiur jek..  ) jap lg mesti ader super he ...
iszablack Post at 15-10-2011 21:05

excitednyer uols komen kt thread iols neh sampai post 2x

ShaCroft

tolong x ikhlas
gogo Post at 15-10-2011 21:14

nape iols sering disalahertikan oleh uols n mekja?





takpe..iols tetappp berhati mulia dgn uols...


wahai super2hero sekalian...iols menyeru n berharap sgt2, uols dpt tolong tgk je nokgogo secepat mungkin..sian sheols...

ShaCroft

wahhhh terharu loyer skolah debb pun dtg menjenguk
gogo Post at 15-10-2011 21:17

nape uols tak terharu dgn iols? iols yg smp dulu dari theyols ni suma ..uols kejammmmmmm

iszablack

excitednyer uols komen kt thread iols neh sampai post 2x
gogo Post at 15-10-2011 21:18

mana? mana komen 2 kali tu?

iszablack

hey you!! stop standing there. . tolong cepat tt ni sebelum kita semua kekurangan bekalan 3 in 1 nescafe. dier da minum byk dah. . . .

iszablack

nape iols sering disalahertikan oleh uols n mekja?



...
ShaCroft Post at 15-10-2011 21:18

motip mention iols??

iszablack

good morning tt? camner ? problem dah solve ker?

singgit

Reply 1# gogo

pada pendapat kawan yg tak handal membuat website ni.. try cek balik #nav.
yang footer tu jadi cenggitu sbb

1. <ul id=nav>

Copy the Code

sedangkan #nav dah ada bg sendiri.. bila boh cenggitu, tu kuar bg... try buang id, bubuh

1. <ul>

Copy the Code

je.. dah...

kat header tu lak.. bertindan.. kena cek sesatu.. span ngan id, kawan memang tak reti bab-bab website ni.. kawan biasa guna notepad je..

mziskandar

cara aku..
bila dah siap design, pecah2kan desgin.
pastu design div tag kat notepad++. preview kat chrome developer tools.
bila dah abis adjust, pastu baru masukkan image dlm div. utk elakkan benda bertindan sekiranya x perlu bertindan.
amalkan penggunaan integer power of 2. (sizing/value/image).
gunakan triple hex bila sesuai.

gogo

Reply  gogo

pada pendapat kawan yg tak handal membuat website ni.. try cek balik #nav.
yang foo ...
singgit Post at 16-10-2011 23:32

i pun guna notepad jer since dh xde web expression
klo stakat html jer x kisahla guna notepad pun, ni css, javascript, susah nk detect kt mana salah

tp smlm i try guna javascript editor, free jer. so far ok la

yg psl footer tu, dh pas berjam2 dok tenung code tuh baru prasan yg div id nav tuh

then buat div id utk footer jer, xde dh grey bar tu

gogo

cara aku..
bila dah siap design, pecah2kan desgin.
pastu design div tag kat notepad++. preview kat ...
mziskandar Post at 17-10-2011 11:46

owh, x prnh lak try notepad++
guna integer power of 2 tu cmne lak?

mziskandar

Reply 18# gogo

notepad++ http://notepad-plus-plus.org/
power of 2 = 2, 4, 8, 16, 32, 64... dan seterusnya..

bot_kill

so..masalah dah solve ke?