last.woodpecker 02-05-2015 23:14

Kaskuser Posts: 121

[ ASK ] Cara numpuk dua gambar dengan HTML

Pertama tama maaf kalo ane salah kamar

ane mau nanya nih gan cara numpuk dua gambar menjadi satu dengan HTML gimana ya? kode HTML nya apa?

Quote:

Original Posted By Contoh gambar 1 [ ASK ] Cara numpuk dua gambar dengan HTML

Quote:

Original Posted By Contoh gambar 2 [ ASK ] Cara numpuk dua gambar dengan HTML

dua gambar itu digabungin/ditumpuk jadi kayak gini

Quote:

Original Posted By done [ ASK ] Cara numpuk dua gambar dengan HTML

Kira-kira make HTML bisa gak ya gan? kalo bisa kode HTML nya apa gan?

02-05-2015 23:14

Kutip Balas

Beri apresiasi terhadap thread ini Gan!

Urutan Terlama

matiushandi 02-05-2015 23:41

Newbie Posts: 87

Quote:

Original Posted By last.woodpecker►Pertama tama maaf kalo ane salah kamar

ane mau nanya nih gan cara numpuk dua gambar menjadi satu dengan HTML gimana ya? kode HTML nya apa?

dua gambar itu digabungin/ditumpuk jadi kayak gini

Kira-kira make HTML bisa gak ya gan? kalo bisa kode HTML nya apa gan?

mungkin main di css nya ??
pake z-index ??

02-05-2015 23:41

Diubah oleh matiushandi 02-05-2015 23:43

Kutip Balas

last.woodpecker 02-05-2015 23:45

Kaskuser Posts: 121

Quote:

Original Posted By matiushandi►

mungkin main di css nya ??
pake z-index ??

Maksudnya gan? Ane kurang paham sama kayak ginian, ini aja ane baru nyoba yang dasar cuman make notepad doang emoticon-Hammer

02-05-2015 23:45

Kutip Balas

matiushandi 03-05-2015 00:03

Newbie Posts: 87

Quote:

Original Posted By last.woodpecker►

Maksudnya gan? Ane kurang paham sama kayak ginian, ini aja ane baru nyoba yang dasar cuman make notepad doang emoticon-Hammer

kalo menurut ane, html itu pondasi bangunan, css itu dekor nya gan, biar menarik.. emoticon-Blue Guy Peace

jadi misal di html gambarnya pake <img src="gambar1.gif" />, ntar kasih css buat tag html-nya, entah in-line atau pun internal atau external..

kalo ane sih belajar css ini dari sini gan

buat instant nya mungkin buat nyoba bkin gambar bgtu kasih in-line css aja gan.. emoticon-I Love Kaskus (S)

03-05-2015 00:03

Kutip Balas

last.woodpecker 03-05-2015 00:09

Kaskuser Posts: 121

Quote:

Original Posted By matiushandi►

kalo menurut ane, html itu pondasi bangunan, css itu dekor nya gan, biar menarik.. emoticon-Blue Guy Peace

Oalah baru ngerti ane, kira kira kode untuk ngejadiin gambar tuh cewek jadi backgroundnya gimana ya gan jadi nanti gambar yang lain ditumpuk tumpuk gitu jadi kayak gambar yang nyatu diatas itu

03-05-2015 00:09

Kutip Balas

matiushandi 03-05-2015 00:25

Newbie Posts: 87

Quote:

Original Posted By last.woodpecker►

Oalah baru ngerti ane, kira kira kode untuk ngejadiin gambar tuh cewek jadi backgroundnya gimana ya gan jadi nanti gambar yang lain ditumpuk tumpuk gitu jadi kayak gambar yang nyatu diatas itu

Code:

<div>

    <img src = "gambaratas.gif" style="zindex:1; position:absolute;" />

    <img src = "gambarbawah.gif" style="zindex:0;" />

</div>

itu zindex harusnya z-index, entah kenapa z-index forbidden gan.. emoticon-Blue Guy Peace

03-05-2015 00:25

Kutip Balas

last.woodpecker 03-05-2015 00:31

Kaskuser Posts: 121

Quote:

Original Posted By matiushandi►

Code:

<div>

    <img src = "gambaratas.gif" style="zindex:1; position:absolute;" />

    <img src = "gambarbawah.gif" style="zindex:0;" />

</div>

itu zindex harusnya z-index, entah kenapa z-index forbidden gan.. emoticon-Blue Guy Peace

Gak bisa gan malah gak nongol gambar CCTV nya emoticon-Hammer

03-05-2015 00:31

Kutip Balas

matiushandi 03-05-2015 00:41

Newbie Posts: 87

Quote:

Original Posted By last.woodpecker►

Gak bisa gan malah gak nongol gambar CCTV nya emoticon-Hammer

z-index nya tulisnya z-index kan ?

03-05-2015 00:41

Kutip Balas

last.woodpecker 03-05-2015 00:47

Kaskuser Posts: 121

Quote:

Original Posted By matiushandi►

z-index nya tulisnya z-index kan ?

Iya udah tetep gak bisa emoticon-Hammer

tadi ane dapet kode kayak gini dan berhasil

Quote:

Tapi pake kode itu gak bisa ngerubah ukuran gambarnya agar sesuai dengan layar komputer jadi ukuran gambarnya harus sama dengan gambar asli emoticon-Hammer

kira-kira kalo mau ngerubah ukuran gambarnya agar sesuai dengan layar komputer harus nambahin kode apa ye?

03-05-2015 00:47

Diubah oleh last.woodpecker 03-05-2015 00:48

Kutip Balas

matiushandi 03-05-2015 00:53

Newbie Posts: 87

Quote:

Original Posted By last.woodpecker►

Iya udah tetep gak bisa emoticon-Hammer

tadi ane dapet kode kayak gini dan berhasil

Tapi pake kode itu gak bisa ngerubah ukuran gambarnya agar sesuai dengan layar komputer jadi ukuran gambarnya harus sama dengan gambar asli emoticon-Hammer

kira-kira kalo mau ngerubah ukuran gambarnya agar sesuai dengan layar komputer harus nambahin kode apa ye?

tinggal ubah" aja itu width nya

03-05-2015 00:53

Kutip Balas

last.woodpecker 03-05-2015 01:04

Kaskuser Posts: 121

#10

Quote:

Original Posted By matiushandi►

tinggal ubah" aja itu width nya

Gak bisa gan jadinya malah kayak gini emoticon-Hammer

Quote:

nah kalo width & height yang ada di table ane rubah ane samain sama height & width yang di gambar jadinya malah kayak gini emoticon-Hammer

Quote:

Ane pengennya Satu gambar ukurannya sesuai dengan layar komputernya emoticon-Big Grin

03-05-2015 01:04

Kutip Balas

matiushandi 03-05-2015 01:13

Newbie Posts: 87

#11

Quote:

Original Posted By last.woodpecker►

Gak bisa gan jadinya malah kayak gini emoticon-Hammer

nah kalo width & height yang ada di table ane rubah ane samain sama height & width yang di gambar jadinya malah kayak gini emoticon-Hammer

Ane pengennya Satu gambar ukurannya sesuai dengan layar komputernya emoticon-Big Grin

Quote:

03-05-2015 01:13

Kutip Balas

last.woodpecker 03-05-2015 01:17

Kaskuser Posts: 121

#12

Backgroundnya malah gak nongol gan emoticon-Hammer

oh iya ente mau ane kasih bata atau cendol mumpung masih seger nih emoticon-Cendol (S)

03-05-2015 01:17

Diubah oleh last.woodpecker 03-05-2015 01:22

Kutip Balas

matiushandi 03-05-2015 01:24

Newbie Posts: 87

#13

Quote:

Original Posted By last.woodpecker►Backgroundnya malah gak nongol gan emoticon-Hammer

Quote:

sebenernya bukan ga jalan gan, code nya yg ente kasih, di td ada pake ';' tapi depannya ngga pake 'style', ane ngga benerin, karena terkejut aja code nya dari awal berantakan tapi jalan td nya, kaya ada " tapi ngga ada penutupnya.. emoticon-Hammer (S)

03-05-2015 01:24

Kutip Balas

last.woodpecker 03-05-2015 01:29

Kaskuser Posts: 121

#14

Quote:

Original Posted By matiushandi►

sebenernya bukan ga jalan gan, code nya yg ente kasih, di td ada pake ';' tapi depannya ngga pake 'style', ane ngga benerin, karena terkejut aja code nya dari awal berantakan tapi jalan td nya, kaya ada " tapi ngga ada penutupnya.. emoticon-Hammer (S)

Ane coba kode ente yang udah dibenerin jadinya malah kayak gini gan emoticon-Hammer

Quote:

Oh iya ente mau cendol atau bata nih? mumpun masih seger emoticon-Cendol (S)

03-05-2015 01:29

Kutip Balas

matiushandi 03-05-2015 01:38

Newbie Posts: 87

#15

Quote:

Original Posted By last.woodpecker►

Ane coba kode ente yang udah dibenerin jadinya malah kayak gini gan emoticon-Hammer

Oh iya ente mau cendol atau bata nih? mumpun masih seger emoticon-Cendol (S)

gausah gan, ane juga di kaskus jarang-jarang aktif nya.. hehehe

coba ini gan

<html>
<head>
</head>
<body>
<img src="CCTV.gif" style="z--index:1; position:absolute;"/>
<img src="kagura.jpg" style="z--index:0;" width="100%" />
</body>
</html>

z--index nya tulisnya z-index ya gan, kok z-index forbidden ya kalo ditulis dalem style.. emoticon-Bingung (S)

03-05-2015 01:38

Diubah oleh matiushandi 03-05-2015 01:41

Kutip Balas

last.woodpecker 03-05-2015 01:43

Kaskuser Posts: 121

#16

Quote:

Original Posted By matiushandi►

gausah gan, ane juga di kaskus jarang-jarang aktif nya.. hehehe

coba ini gan

<html>
<head>
</head>
<body>
<img src="CCTV.gif" style="z--index:1; position:absolute;"/>
<img src="kagura.jpg" style="z--index:0;" width="100%" />
</body>
</html>

z--index nya tulisnya z-index ya gan, kok z-index forbidden ya kalo ditulis dalem style.. emoticon-Bingung (S)

Wih berhasil gan, thank you banget ye
ah ente suka malu malu ane kasih cendol aja deh ye emoticon-Cendol (S)

03-05-2015 01:43

Kutip Balas

matiushandi 03-05-2015 01:46

Newbie Posts: 87

#17

Quote:

Original Posted By last.woodpecker►

Wih berhasil gan, thank you banget ye
ah ente suka malu malu ane kasih cendol aja deh ye emoticon-Cendol (S)

welcome gan.. emoticon-Shakehand2