dropdown menu ?

Permisi gan, ane newbie mau nanya ni ada kendala membuat menu dropdown ketika sudah login. jadi ketika pointer ke arah gambar profile, akan tampil dropdown seperti pada gambar ? berikut kodingan html dan css nya. di akhir saya tampilkan link ke image screenshot


.navigation {
	float: right;
}
.navigation ul {
	padding: 0;
	margin-top:7.5px;
}
.navigation ul li {
	display: inline-block;
	margin: 12px 0;
	float:left;
}
.navigation ul li a {
	font-size: 15px;
	color: #fff;
	padding:22px 10px;
}
.navigation ul li a:hover {
	color: #990000;
}
.navigation ul li a:hover .navigation ul li a:after{
	display: block;
}

.profile {
	display:none;
}
.profile ul {
	position:fixed;
	right:4.5%;
	background:red;
	margin-top:60px;
}
.profile ul li {
	display:block;
	margin:7.5px;
	padding:2.5px 7.5px;
	text-align:center;
}
.profile ul li a {
	color:#fff;
	font-size:15px;
}
.profile ul li a :hover {
	color:#990000;
}

html

 <div class="navigation">
						<span class="tes"></span>
							<ul>
								<li><a href="index.php"><b>Home</b></a></li>
								<li><a href="about.php"><b>Villa</b></a></li>
								<li><a href="services.php"><b>Become a Host</b></a></li>
								<li><a href="contact.php"><b>Contact</b></a></li>
								<li><a><img src="images/profile.png" style="margin-top:-6px;"></a></li>
							</ul>
					</div>
					<div class="profile">
						<ul>
							<li><a href=""><b>Edit Profile</b></a></li>
							<li><a href=""><b>Logout</b></a></li>
						</ul>
					</div>

avatar antahassy
@antahassy

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban