Forum › Internet Service & Networking › CSS - Position Navigation Bar & Footer. >>> SOLVED! TQ!

gogo Publish time 15-10-2011 08:49 PM

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

Post Last Edit by gogo at 24-12-2011 09:37

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 :P ), css, flash, javascript dgn actionscript. Submission ari isnin neh :L Kne buat report lagi :L


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

http://i36.photobucket.com/albums/e43/zackry88/template.jpg

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


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 :mad:


Cam ni jadinya haaa :shakehead3:


http://i36.photobucket.com/albums/e43/zackry88/Prt1.jpg

Ni css part navigation bar n social network

http://i36.photobucket.com/albums/e43/zackry88/Code1.jpg

Ni lak html code

http://i36.photobucket.com/albums/e43/zackry88/html1.jpg


Then, second problem is footer. :dizzy:


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


http://i36.photobucket.com/albums/e43/zackry88/footer1.jpg

Mana dtgnya grey bar tuh :vmad3: :vmad3:


Ni css footer


http://i36.photobucket.com/albums/e43/zackry88/css1.jpg

Ni lak html footer

http://i36.photobucket.com/albums/e43/zackry88/htmlfooter1.jpg


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 :shakehead3:


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 :mad: Nk download balik dr website kolej neh, ttiba dh xde lak :vmad3: :@ :@


So, now ni guna notepad jah :'( :'( :'( :'( :'(


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

ShaCroft Publish time 15-10-2011 09:02 PM

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

takpe..meh iols tolong pomot..{:1_152:}


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 Publish time 15-10-2011 09:05 PM

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. . ;P

Mel007 Publish time 15-10-2011 09:05 PM

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

iszablack Publish time 15-10-2011 09:05 PM

Post Last Edit by iszablack at 15-10-2011 21:24

TOLONG MENOLONG BUDAYA KITA. . KASIHANILAH TT INI. . :L

gogo Publish time 15-10-2011 09:14 PM

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

takpe..meh iol ...
ShaCroft Post at 15-10-2011 21:02 http://mforum2.cari.com.my/images/common/back.gif

tolong x ikhlas {:3_97:}

gogo Publish time 15-10-2011 09:17 PM

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 http://mforum2.cari.com.my/images/common/back.gif

wahhhh terharu loyer skolah debb pun dtg menjenguk {:3_86:}

gogo Publish time 15-10-2011 09:18 PM

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 http://mforum2.cari.com.my/images/common/back.gif

excitednyer uols komen kt thread iols neh sampai post 2x :loveliness: :loveliness: :loveliness:

ShaCroft Publish time 15-10-2011 09:18 PM

tolong x ikhlas
gogo Post at 15-10-2011 21:14 http://mforum2.cari.com.my/images/common/back.gif

nape iols sering disalahertikan oleh uols n mekja?{:3_99:}


:'(:'(:'(:'(:'(:'(:'(:'(:'(:'(


takpe..iols tetappp berhati mulia dgn uols...{:3_99:}


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

ShaCroft Publish time 15-10-2011 09:20 PM

wahhhh terharu loyer skolah debb pun dtg menjenguk
gogo Post at 15-10-2011 21:17 http://mforum2.cari.com.my/images/common/back.gif

nape uols tak terharu dgn iols? :o iols yg smp dulu dari theyols ni suma :dizzy:..uols kejammmmmmm :'(:'(

iszablack Publish time 15-10-2011 09:25 PM

excitednyer uols komen kt thread iols neh sampai post 2x
gogo Post at 15-10-2011 21:18 http://mforum.cari.com.my/images/common/back.gif


mana? mana komen 2 kali tu?

iszablack Publish time 15-10-2011 09:28 PM

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

iszablack Publish time 15-10-2011 09:30 PM

nape iols sering disalahertikan oleh uols n mekja?



...
ShaCroft Post at 15-10-2011 21:18 http://mforum.cari.com.my/images/common/back.gif


motip mention iols?? :tembak:

iszablack Publish time 16-10-2011 06:44 AM

good morning tt? camner ? problem dah solve ker? ;P

singgit Publish time 16-10-2011 11:32 PM

Reply 1# gogo

pada pendapat kawan yg tak handal membuat website ni.. try cek balik #nav.
yang footer tu jadi cenggitu sbb
<ul id=nav>
sedangkan #nav dah ada bg sendiri.. bila boh cenggitu, tu kuar bg... try buang id, bubuh
<ul>
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.. :lol:

mziskandar Publish time 17-10-2011 11:46 AM

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 Publish time 17-10-2011 10:24 PM

Replygogo

pada pendapat kawan yg tak handal membuat website ni.. try cek balik #nav.
yang foo ...
singgit Post at 16-10-2011 23:32 http://mforum2.cari.com.my/images/common/back.gif

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

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

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

then buat div id utk footer jer, xde dh grey bar tu {:1_152:} {:1_152:}

gogo Publish time 17-10-2011 10:26 PM

cara aku..
bila dah siap design, pecah2kan desgin.
pastu design div tag kat notepad++. preview kat ...
mziskandar Post at 17-10-2011 11:46 http://mforum2.cari.com.my/images/common/back.gif

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

mziskandar Publish time 18-10-2011 07:40 AM

Reply 18# gogo

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

bot_kill Publish time 28-10-2011 03:08 PM

so..masalah dah solve ke?

View full version: CSS - Position Navigation Bar & Footer. >>> SOLVED! TQ!