• 04-11-2021, 17:22:53
    #1
    Arkadaşlar merhaba, HTML sitemiz var. Aşağıda ki gibi açılır menü ekleyeceğiz ama CSS olarak yazılması gerekiyor, bir kaç satırlık bir iş ama yapamadım. Yardımcı olabilecek var mı?
    Şimdiden teşekkürler.

  • 04-11-2021, 17:34:28
    #2
    Merhaba,
    Aşağıda yazdığım kod bütününden yola çıkarak css tarafında kendinizde halledebilirsiniz. Çözüm kodu değil, yol çizmenize yarayacak yardımcı kod olarak düşünebilirsiniz.
    .menu5 {
        width: 610px;
        height: 150px;
        margin: 50px 0px 0px 0px;
    }
    
    .menu5 ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    
    .menu5 ul li {
        float: left;
        position: relative;
    }
    
    .menu5 ul li a {
        display: block;
        width: 120px;
        background: #FCC;
        color: #930;
        font: bold 12px tahoma;
        text-decoration: none;
        border: 1px solid #000;
        text-align: center;
        padding: 9px 0px;
    }
    
    .menu5 ul li a:hover {
        color: #FFF;
        background: #930;
    }
    
    .menu5 ul li ul {
        display: none;
        position: absolute;
        left: 0px;
        top: 34px;
    }
    
    .menu5 ul li:hover ul {
        display: block;
    }