Postingan lainnya
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