Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Bikin background image di css, image nya nggak keluar
Hai bro sis, kenalin aku Naufal, aku mau bikin website dengan background black and white (bisa lihat di sini https://imgur.com/gallery/XJ04CKd). Itu gambarnya aku save image as dari google, terus aku save di folder Gambar, namanya blackwhite. Aku udah coding juga kayak gini(ini cuplikan aja ya):
(Atau bisa codenya lihat di sini https://imgur.com/gallery/yPp9zq9). Tapi tetep deh nggak muncul image nya (lihat di sini https://imgur.com/gallery/PtprpMr).
Aku udah cari, baca-baca, dimana-mana cara background image di css. Terus aku coba codenya, tetep deh nggak muncul di webku. Kenapa ya? Apa ada yg salah dengan codinganku? atau laptopku? atau apa gitu? Tolong pencerahannya dong yang udah master, ini saya pengen bisa dan nggak mau menyerah. Makasihh
Tanggapan
setau saya urlnya itu yang ada extensionnya baru bisa
8 Jawaban:
file gambar dengan file code nya dalam folder yang sama? kalau beda coba tambahkan titik, contoh <pre> background-image: url(../Gambar/blackwhite.jpg); </pre>
jgn lupa format filenya juga
<pre>
<style>
body{ background-image: url('https://i.imgur.com/lCDLurL.jpg'); } #metode{ margin-top:15px; margin-bottom:15px; }
</style>
</pre>
Kalau pemanggilan url imagenya udah bener tapi masih belum bisa keluar juga, coba clear cache browsernya dulu.
setau saya urlnya itu yang ada extensionnya baru bisa
Mungkin kamu typo di nama filenya kli. Perlu diketahui jika nama file/gambar memiliki spasi maka dalam kode urlnya diberikan"%20" (tanpa tanda kutip) sebagai pengganti spasinya. Sebagai contoh, nama file gambarnya seperti ini: black and white.jpg, maka seperti inilah codenya
<pre> body{background-image: url(black%20and%20white.jpg);} </pre> Itu jika file gambarnya berada dalam satu folder dengan file htmlnya
nggak bisa semua dah :( , dari jawaban pertama sampai terbaru, udah kucoba semua tapi nggak ngefek. Nggak hoki kali ya aku hehehe
Tapi makasih buat semua, thx u all
Tanggapan
untuk cek link apakah benar atau tidak coba tekan "Ctr + U" cari link gambar yang anda maksud, nanti klik saja, kalo tulisan not found atau tidak muncul gambar berarti linknya salah nulis.
kurasa penggunaan ini bisa background-image: url('https://i.imgur.com/lCDLurL.jpg');
tekan "Ctr+U" di webnya ?
y , nanti src nya diklik, kalu tampil file, berarti udah benar linkny, kalo salah berarti harus dirubah src nya
coba cek dulu dibrowser url gambar mu ke load apa ga.. klo ga ke load ya salah di penulisan url nya..