Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Memasukkan image repeat pattern di html css
Halo teman teman
Salam kenal ane Epe, ane mau tanya tentang html, ane kesulitan untuk menampilkan gambar background, yang kemudian nanti nya akan di repeat (seperti pattern). Ane telah menambahkan kode berikut di dalam file index.html namun gambar tak kunjung muncul juga. Mohon pencerahan teman2 semua,
<style>
body {
background-image: url("../assets/images/bg_os.gif");
background-repeat: repeat-y;
z-index: 1;
}
</style>
saya juga mengattach file yang saya maksud, dimana kah letak kesalahannya ?
<a href='http://www.filedropper.com/delimondo'>http://www.filedropper.com/delimondo</a>
Terima Kasih Epe
12 Jawaban:
Halo Epe, ini gambarnya sama sekali ngga muncul atau bermasalah pas repeatnya ?
sama sekali ngga muncul gan, ane belum ke repeat nya, muncul juga engga. knp ya ? @paulpogba
Kalo bukan masalah di repeat, lokasi gambarnya mungkin bro salah, coba dicek lagi
Bang @hilmanrdn makasi udah reply.
Insya Allah udah bang, tapi emang berhubung di index.html ini banyak elemennya, takutnya dia ketiban gambar lain jadi ngga keliatan. Kalo di inspect elemen bisa ngga ya kita search, apakah gambar kita udah ter-load atau belum ?
Makasi Bang Hilman
wah bagus analisanya, bener bisa jadi dia ketumpuk. Bagus lagi idenya, kalo Chrome, coba inspect element, terus tab console, ada tandanya kalo salah "Failed to load resource: the server responded with a status of 404 (Not Found)"
ok bang hilman barusan ane udah inspect element pake chrome, tapi ngga ada error apa apa.
tapi waktu di inspect elemen mozilla, malah ada keterangan klo gambar udah berhasil ke load,
anehnya udah coba z-index: 1 masih ngga muncul juga
Btw ini notif di forum sekolah koding ngga bisa masuk ke email juga ya notifnya ? biar bisa tau dari email. hehehe
saya baru buka file yang dikasih, ini ada yang ngalangin di htmlnya
<div data-bg="./assets/images/content/delimondo/big-slide.jpg" class="item" style="height: 1077px; /* background-image: url(file:///Users/hilmanramadhan/Downloads/delimondo/assets/images/content/delimondo/big-slide.jpg); */">
<div class="inner">
<!--.container
//.row
//.col-md-12.text-center
-->
</div>
</div>
2. Untuk notifikasi email akan dijadikan pertimbangan, soalnya takut yang lain keganngu, jadi akan kita bikin2 opsi, makasih masukannya
Malam bang Hilman, lanjut ya,
anehnya setelah di uncheck big-slide.jpg dari inspect element, tetap ngga terlihat bg_os.jpg ane, apakah mungkin benar masih tersembunyi bang Hilman ?
Kalo ane delete html nya, yang dilampirin itu, muncul background yang kita pengen
maksudnya yg kita inginkan, gambar background ane bang ? abang nyoba di mana dan pake gambar apa ?
hore hoo sudah berhasil class nya sudah ketemu .. thx bang Hilman semuanya
Saya ngapus yang saya tulis itu, terus yg mas epe pengen backgroundnya muncul, dia cuman kehalang. WOw udah berhasil ? apa yang diubah?