Postingan lainnya

Kelas Premium!
Belajar bikin website dari nol sekarang

Gunakan kupon "lebihcepat" untuk diskon 25%!

Gagal menampilkan gambar dengan css

Halo saya newbie disini dan ingin mempraktekan pelajaran ini <a href='http://www.sekolahkoding.com/kelas/video/Mengubah-desain-menjadi-HTML-dan-CSS/2'>http://www.sekolahkoding.com/kelas/video/Mengubah-desain-menjadi-HTML-dan-CSS/2</a> tapi kenapa ya setiap saya mau masukin gambar lewat css selalu ga muncul Contoh kode:

#header{
	background: url('asset/header.jpg') no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;

	height: 678px;
}

kalau giliran di htmlnya langsung bisa contohnya gini

<div class="cover">Taruh source imagenya disini, maaf disini jadi kaco kalo ditulis kode</div>

nah nanti class covernya itu saya otak atik lagi tapi tetik lagi tapi tetep aja ga enak, soalnya saya pengen langsung yg di css tapi ga bisa bisa, ada solusi kah?

oiya itu saya liat divideonya localhostnya ada .devnya punya saya localhost aja, udah googling masih kurang ngerti

Terima kasih sebelumnya kalau ada yg mau jawab pertanyaan ini

html

@Syi

2 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

6 Jawaban:

Jawaban Terpilih

Harus teliti gan, ketika menghadapi masalah. 1.Coba agan perhatikan lagi, yang agan definisiin itu benar class atau id, jika di html id berarti harus id juga bagian css 2.agan bisa cek ulang nama folder nya dan file nya sudah benar 100% 3.sudah ditautkan alamat css nya

semoga bisa membantu

@Aden20

10 Kontribusi 6 Poin

Dipost 8 tahun yang lalu

Coba ganti css 'background' dengan 'background-image'. Lalu coba hilangkan tanda quotation (tanda petik) di dalam kurung. Contohnya begini:

#header {
         background-image: url(asset/header.jpg) no-repeat;
         background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;

	height: 678px;

}

@ojiek

2 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

Quote oleh : @Aden20 Harus teliti gan, ketika menghadapi masalah. 1.Coba agan perhatikan lagi, yang agan definisiin itu benar class atau id, jika di html id berarti harus id juga bagian css 2.agan bisa cek ulang nama folder nya dan file nya sudah benar 100% 3.sudah ditautkan alamat css nya

semoga bisa membantu sudah bisa gan terima kasih

sudah bisa gan, ternyata tanda petik dicssnya harus 2

@Syi

2 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

Gan permisi, ane newbie nih. Mohon jawabannya. Untuk tandak petik(") yg ditambahkan itu di Kodingan Background-image:url(namafile/nama gambara.ekstensi) bukan gan? Mohon infonya. Thx ya yg udh mau bantu

@SidikR

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Menurut saya, alamat urlnya salah gan.

Harusnya gini:

#header{ background: url('/asset/header.jpg') no-repeat; }

Lengkap: #header{ background: url('/asset/header.jpg') no-repeat center 100%; height: 678px; display:block; /*memastikan muncul*/ }

@VeriAsha

12 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Halo gan,

/\* Example #1: */ background-image: url(image.png); /\* Example #2: */ background-image: url("image.png"); /\* Example #3: */ background-image: url('image.png');

W3C mengatakan bahwa quote/tanda petik bersifat opsional, ketiga cara diatas legal.

Kutipan pembuka dan penutup hanya perlu karakter yang sama.

semoga tambah semangat belajarnya.

sumber : https://stackoverflow.com/questions/2168855/is-quoting-the-value-of-url-really-necessary

@Aden20

10 Kontribusi 6 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Gagal menampilkan gambar dengan css

Kelas Premium!
Belajar bikin website dari nol sekarang