Postingan lainnya
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>
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban