• 21-08-2014, 10:50:39
    #1
    Merhaba,

    Menüleri hazır bir yerden aldım, şimdi menü açılıyor yazının üzerine tıkladığımda istediğim sayfaya gidiyor ama menü içerisinde boş bir alana tıkladığımda açılmıyor. Örnek resimdeki gibi.

  • 21-08-2014, 12:06:23
    #2
    delikanli53 adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    Menüleri hazır bir yerden aldım, şimdi menü açılıyor yazının üzerine tıkladığımda istediğim sayfaya gidiyor ama menü içerisinde boş bir alana tıkladığımda açılmıyor. Örnek resimdeki gibi.

    Linklerin sadece yazıyı değil bütün birimi kapsadığından emin olun. HTML kodlarını paylaşırsanız ve site adresini verirseniz yardımcı olabiliriz.
  • 21-08-2014, 12:33:33
    #3
    <li><a href="hakkimizda.php">Hakkımızda</a></li>
    bu veya li tagını da kapsayacak şekilde link veriyorum olmuyor.

    altta da css kodlarını vereyim. css bilgim çok yok yani edit

    /* Navigation
    ----------------------------------------------------------------------------- */
    
    #nav-container{
        float: left;
        width: 670px;
        height: 40px;
        z-index: 200;
        position: relative;   
        background: #333;
    }
    
    #nav-container:after{
        position:absolute;
        bottom:0px; 
        right:0;
        content:".";
        text-indent:-9999px; 
        overflow:hidden;
        display:block;
        width:0px; height:0px;
        border-bottom: 40px solid #fff;
        border-left: 18px solid transparent;
    }
    
    #nav-container select{
        display: none;
    }
    
    /* MAIN NAVIGATION STYLES
    ----------------------------------------------------------------------------- */
    #nav{
        height: 100%;
        margin:0;
        list-style: none;
        float: left;
        position: relative;
    }
    
    #nav li.home{
        padding: 12px 15px 11px 25px;
        background-image: url('../img/menu-icon.png');
        background-repeat:no-repeat;
        background-position: 8px center;
    }
    
    #nav li.home:before{
        position:absolute;
        bottom:0px; 
        left:-18px;
        content:".";
        text-indent:-9999px; 
        overflow:hidden;
        display:block;
        width:0px; height:0px;
        border-bottom: 40px solid #333;
        border-left: 18px solid transparent;
    }
    
    #nav li.home:hover,
    #nav li.home.active{
        background-image:  url('../img/menu-icon-hover.png');
        background-position: 8px center;
        background-repeat: no-repeat;
    }
    
    #nav > ul{
        display: block !important;
    }
    
    #nav li{
        float: left;
        position: relative;
        padding: 12px 15px 11px 15px; 
        cursor: pointer;
    }
    
    #nav li.active a{
        border-right: none;
    }
    
    #nav li a{
        float: none;
        display: block;
        font: 12px 'Open Sans', Arial, sans-serif;
        color: #aaa;   
        text-transform: uppercase;
    }
    
    #nav li:hover a, 
    #nav li.active a{
        color: #fff;
    }
    
    /* MAIN NAVIGATION SECOND LEVEL
    ----------------------------------------------------------------------------- */
    #nav li ul{
        display: none;
        position: absolute;	
        padding-top: 2px;
        margin: 0;
        top: 100%;
        left: 0;
        z-index: 100;
    }
    
    #nav li ul li{
        border-top: 1px solid #333;
        border-right: 1px solid #444;
        border-left: 1px solid #444;    
        border-bottom: 1px solid #555;
        background: #444;  
    }
    
    
    #nav li ul li a{
        text-transform: none !important;
        font: 11px 'Open Sans', Arial, sans-serif;
        line-height: 12px;
        color: #8f8f8f !important;
    
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
    
    #nav li ul li:last-child{
        border-bottom: 1px solid #444;
    }
    
    #nav li ul li:last-child:hover{
        border-bottom: 1px solid #444;
    }
    
    #nav li ul li:hover{
        background: #444;
    }
    
    #nav li ul li:hover > a{
        color: #eee !important;
    }
    
    #nav li ul li, #nav li ul li a{
        float: none;
    }
    
    #nav li ul li a {
        width: 130px;
        display: block;
    }
    
    /* MAIN NAVIGATION THIRD LEVEL
    ----------------------------------------------------------------------------- */
    #nav li ul li ul {
        display: none;
    }
    
    #nav li ul li:hover ul {
        left: 100%;
        top: -1px;
        padding-top: 0 !important;
        padding-left: 2px;
    }
  • 21-08-2014, 17:24:49
    #4
    Sendeki css kodunun şu satırı verdiğimle değiştirip bi dener misin.

    delikanli53 adlı üyeden alıntı: mesajı görüntüle
    #nav li ul li a{
        text-transform: none !important;
        font: 11px 'Open Sans', Arial, sans-serif;
        line-height: 12px;
        color: #8f8f8f !important;
        display:block;
    
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }
  • 21-08-2014, 22:53:09
    #5
    delikanli53 adlı üyeden alıntı: mesajı görüntüle
    Merhaba,

    Menüleri hazır bir yerden aldım, şimdi menü açılıyor yazının üzerine tıkladığımda istediğim sayfaya gidiyor ama menü içerisinde boş bir alana tıkladığımda açılmıyor. Örnek resimdeki gibi.

    jsfiddle gibi platformlarda paylaşsanız daha çabuk çözüme ulaşabiliriz.
  • 22-08-2014, 09:15:35
    #6
    Elegantrap adlı üyeden alıntı: mesajı görüntüle
    Sendeki css kodunun şu satırı verdiğimle değiştirip bi dener misin.
    olmadı ne yazık ki
  • 25-08-2014, 00:16:10
    #7
    <li> tagını <a> tagının içine alarak yap