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.
6
●504
<li><a href="hakkimizda.php">Hakkımızda</a></li>bu veya li tagını da kapsayacak şekilde link veriyorum olmuyor.
/* 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;
}