alexa-tracking
Selamat Guest, Agan dapat mencoba tampilan baru KASKUS Masih Kangen Tampilan Sebelumnya
Kategori
Kategori
Home / FORUM / All / Tech / ... / Website, Webmaster, Webdeveloper /
[ ASK ] Cara numpuk dua gambar dengan HTML
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:

Quote:


dua gambar itu digabungin/ditumpuk jadi kayak gini

Quote:


Kira-kira make HTML bisa gak ya gan? kalo bisa kode HTML nya apa gan?
Urutan Terlama
Quote:


mungkin main di css nya ??
pake z-index ??
Diubah oleh matiushandi
Quote:


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


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:


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:


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:


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


z-index nya tulisnya z-index kan ?
Quote:


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?

Diubah oleh last.woodpecker
Quote:


tinggal ubah" aja itu width nya
Quote:


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


Quote:


Quote:
Backgroundnya malah gak nongol gan emoticon-Hammer

oh iya ente mau ane kasih bata atau cendol mumpung masih seger nih emoticon-Cendol (S)
Diubah oleh last.woodpecker
Quote:


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


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)
Quote:


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)
Diubah oleh matiushandi
Quote:


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


welcome gan.. emoticon-Shakehand2


×
GDP Network
Copyright © 2018, Kaskus Networks, PT Darta Media Indonesia.
Ikuti KASKUS di