Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
[ask][about hover]
/\*-- code udah aku ikutin sesuai : divideo "Belajar mengubah desain website yang sudah dibuat, menjadi kode HTML dan CSS", tapi hasil bagian hover kok malah ada dibawah 3 gambar yg uda jd bulet itu ya jd gak nyatu sama gambarnya --*/
.setiap_karya_gambar:hover p{ display: block; }
4 Jawaban:
coba di paste kode p nya gimana, sebelum dia dihove biar terlihat salahnya
html:
Ini deskripsi dari setiap proyek yang ditampilkan
css: .setiap_karya_gambar{ position: relative; }
.setiap_karya_gambar p{ position: absolute;; top:0px left:25px; width: 250px; height: 250px; line-height: 250px; text-align: center; font-size: 25px; background-color: rgba(255,255,255, 0.8); color: #0074b9; border-radius: 50%; display: none; }
.setiap_karya_gambar:hover p{ display: block; }
.deskripsi{ font-size: 22px; }
.setiap_karya_gambar p{
position: absolute;
top:0px;
left:25px;
//dan seterusnya
}
1. ada dua tanda =titikkoma= setelah absolute , 2. setelah top:0px ngga ada tanda koma