alexa-tracking

[ ASK ] Cara numpuk dua gambar dengan HTML

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5544f7d85c77982e088b456c/ask--cara-numpuk-dua-gambar-dengan-html
[ 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?
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 ??
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
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)
Quote:Original Posted By matiushandi


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)


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
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
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
Quote:Original Posted By last.woodpecker


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


z-index nya tulisnya z-index kan ?
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:
<table width="900" height="400" border="0">
<tr>
<td "width : 4500px ; height ; 1720px background="kagura.jpg" valign="top">
<img src="CCTV.gif">
</td>
</tr>
</table>


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?

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
Quote:Original Posted By matiushandi


tinggal ubah" aja itu width nya


Gak bisa gan jadinya malah kayak gini emoticon-Hammer

Quote:[ ASK ] Cara numpuk dua gambar dengan HTML

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:[ ASK ] Cara numpuk dua gambar dengan HTML

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


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:<table width="100%" height="400" border="0">
<tr>
<td "width : 100% ;" background="kagura.jpg" valign="top">
<img src="CCTV.gif">
</td>
</tr>
</table>
Backgroundnya malah gak nongol gan emoticon-Hammer

oh iya ente mau ane kasih bata atau cendol mumpung masih seger nih emoticon-Cendol (S)
Quote:Original Posted By last.woodpecker
Backgroundnya malah gak nongol gan emoticon-Hammer


Quote:<table width="100%" height="400" border="0">
<tr>
<td style="width : 100% ;" background="kagura.jpg" valign="top">
<img src="CCTV.gif">
</td>
</tr>
</table>


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) emoticon-I Love Indonesia (S)
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) emoticon-I Love Indonesia (S)


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

Quote:[ ASK ] Cara numpuk dua gambar dengan HTML


Oh iya ente mau cendol atau bata nih? mumpun masih seger emoticon-Cendol (S)
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)
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)
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