Postingan lainnya

DropDown Menu Dgn PHP Gagal

Gan, ane mau tanya dong, ada yang tahu ga penyebab ane ga bisa make dropdown menunya gan? Ini kodenya: PHP (header.php)

<head>
    <title>Portolofio 2</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="js/jquery-1.11.3.js"></script>
</head>
<nav>
    <ul>
        <li><a href="#">Rumah</a></li>
        <li><a href="#">Kerjaan Saya</a></li>
            <ul>
                <li><a href="#">Nonton Anime</a></li>
                <li><a href="#">Coding WannaBe</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
        <li><a href="#">Kehidupan Saya</a></li>
        <li><a href="#">Mau Kerjasama?</a></li>
    </ul>
</nav>
<div class="clearfix"></div>
<div class="whitespace"></div>

ini CSSnya:

/*-- Css Reseting Code --*/

*{
    margin: 0px;
    padding: 0px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: normal;
    max-width: 100% !important;
}

a{
    text-decoration: none;
    color: black;
}

li{
    list-style: none;
}

div{
    display: block;
}

.clearfix{
    clear:both;
}

.whitespace{
    margin: 20px;
}
/* Header Code */

nav{
    width: 100%;
}

nav ul{
    margin: 0px auto;
}

nav li {
    float: left;
    padding: 25px;
    background: #B21257;
}

nav a {
    text-transform: uppercase;
    color: white;
}

nav ul li ul{
    display: none;
}
/* Footer Code */

#copyright{
    background: #45A1B2;
}

padahal ane udah

nav ul li ul

tapi ga bisa, tapi ketika ane tambahin class submenu disitu

<ul class="submenu"></ul>

, bisa ilang dengan display: none, tapi ane pengin via organization (apa yah bahasanya? hehehe) itupun ketika berhasil hilang, tapi ketika hover malah ga bisa muncul... ada yang bisa bantu?

Terima kasih

php

@yupangestu

64 Kontribusi 22 Poin

Diperbarui 8 tahun yang lalu

11 Jawaban:

coba di bagian hover begini

.classul:hover{
display:block;
}

mungkin itu munculin dropdown waktu hover

@ardyhim

289 Kontribusi 175 Poin

Dipost 8 tahun yang lalu

Halo, gan, terima kasih sudah menjawab, jikalau pake cara yang ga pake class jadinya susah yah gan??? Terima kasih jawabannya.

@yupangestu

64 Kontribusi 22 Poin

Dipost 8 tahun yang lalu

iya. dan lebih mudah di pahami juga kalau pakai class

@ardyhim

289 Kontribusi 175 Poin

Dipost 8 tahun yang lalu

Gan, ane udah coba... tapi kok malah ga bisa yah?

@yupangestu

64 Kontribusi 22 Poin

Dipost 8 tahun yang lalu

yang dikasih efek hover satu level sebelumnya, kira-kira kaya gini:

nav ul li ul{
    display: none;
}

nav ul li:hover ul{
    display: block;
}

@hilmanski

2670 Kontribusi 2132 Poin

Dipost 8 tahun yang lalu

<li><a href="#">Kerjaan Saya</a></li>
            <ul>
                <li><a href="#">Nonton Anime</a></li>
                <li><a href="#">Coding WannaBe</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>

harusnya begini gan

<li><a href="#">Kerjaan Saya</a>
            <ul>
                <li><a href="#">Nonton Anime</a></li>
                <li><a href="#">Coding WannaBe</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
</li>

jadi ane sudah ketemu pemecahannya... Terima kasih gan... oh iya nanya lagi boleh ga?

Ada yang tahu ga cara bikin teks dibawah navigasinya ga ikut kebawah pas kita hover?

@yupangestu

64 Kontribusi 22 Poin

Dipost 8 tahun yang lalu

coba bikin posisinya absolut gan, yang list ulnya

@hilmanski

2670 Kontribusi 2132 Poin

Dipost 8 tahun yang lalu

Makasih gan, jawabannya super...

Btw, ada masalah baru, kalau biar posisinya ga dempet ama navigasi atas gimana yah gan? Ini efek dari absolutenya...

@yupangestu

64 Kontribusi 22 Poin

Dipost 8 tahun yang lalu

Kalau sudah pake absolute, berarti bisa pake property seperti top, left, right dan bottom, nilaiinya silahkan disesuaikan, misalnya top:100%; atau top:10px;

@hilmanski

2670 Kontribusi 2132 Poin

Dipost 8 tahun yang lalu

Oh begitu gan? Siap... laksanakan deh (y)

@yupangestu

64 Kontribusi 22 Poin

Dipost 8 tahun yang lalu

li nya harus relative untuk yang pertama {yang di hover} , lalu

ul li{
...
position:relative;
}
ul ul{
...
position:absolute;
}

Semoga membantu

@manksolin

22 Kontribusi 1 Poin

Dipost 8 tahun yang lalu