Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
<script> for(i=101; i > 100;i++){alert('Nama Saya Stiven Trizky Katuuk');} </script>
permisi.. saya kan buat menu dropdown.. tapi tapi saat dropdown nya di hover. menunya di tutupi sama tag h1 pada html berikut ss nya
Mungkin ada yang bisa bantu. :) udah mentok.. Code html
<div class="love-gidn">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">Diskusi</a>
<ul>
<li><a href="#">Facebook Group</a></li>
</ul>
</li>
<li><a href="#">Donasi</a>
<ul>
<li><a href="#">Coin</a></li>
<li><a href="#">Costume Object</a></li>
<li><a href="#">Paket</a></li>
</ul>
</li>
<li><a href="#">Kontak</a>
<ul>
<li><a href="#">Fanspage</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</li>
<li><a href="tentang.html">Tentang Server</a></li>
<li><a href="bantuan.html">Bantuan</a></li>
</ul>
</nav>
</div>
Code CSS
nav > ul > li
{
float: left;
box-sizing: border-box;
width: 16.666666667%;
border-right: 1px solid #f1f1f1;
}
li
{
font-size: 20px;
line-height: 40px;
height: 40px;
list-style: none;
transition: background-color .3s linear;
text-align: center;
background-color: #222930;
}
li:hover
{
background-color: #15191d;
}
li:last-child
{
border: none;
}
li ul
{
display: none;
}
li ul li
{
border-top: 2px solid #4eb1b4;
border-bottom: 2px solid #4eb1b4;
}
li ul li:hover
{
background-color: #4eb1b4;
}
ul li:hover ul
{
display: block;
}
a
{
text-decoration: none;
color: #f1f1f1;
}
1
3 Jawaban:
setelah ane cek dropdown di tutupin sama semua tulisan bukan cuma teks garuda saja.. nih css yang dipake h1
.judul
{
padding-top: 80px;
clear: both;
}
.judul h1
{
font-family: 'Pangolin', cursive;
font-size: 38pt;
color: #af0000;
text-shadow: 2px 2px 2px black;
}
di nav | li & css h1 sudah di taro z index . masih sama..
0