Kenapa gambar saya tidak muncul? Bagian Dua

Halo kawan2 programer, Beberapa waktu lalu saya pernah bertanya mengapa gambar yang saya buat tidak muncul. Terima kasih atas begitu banyaknya respon dan jawaban yang muncul. Setelah mempelajarinya saya telah mengikuti saran dari yang menurut saya logis. Tapi apa mau dikata ternyata gambar saya masih belum muncul juga. Apakah kawan2 bisa membantu mencarikan solusinya? Berikut saya sertakan kembali HTML dan CSS nya.

HTML

Portfolio BERT design

WELCOME

CSS

*{ margin: 0px; padding: 0px; font-family: 'Abhaya LIbre', serif; font-weight: normal; }

a{ text-decoration: none; }

li{ list-style: none; }

img{ max-width: 100%; max-height: 100%; }

/\*-- bagian pertama --*/ #pertama{ background: url("asset/SOLAR GARD.jpg") no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;

height: 650px; padding-top: 20px;

}

Terima Kasih

avatar HendraYahya
@HendraYahya

3 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

// Yang ini
background: url("asset/SOLAR GARD.jpg") no-repeat;
// Kasih pakek background-image
// Oh iya, yang paling penting pastikan urlnya valid.
// Sebelum di masukkan ke background-image, coba akses urlnya secara
// manual di browser, dan pastikan gambarnya muncul.
// Usahakan nama gambar jangan ada spasi nya.
background-image: url("asset/SOLAR GARD.jpg") no-repeat;

// Kasih juga
width: 100%;

avatar dalikewara
@dalikewara

351 Kontribusi 260 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban