.menu den position: ve left: i silerek margin:0 auto ile her çözünürlüğe göre ortayabilirdiniz fakat sayfada ki divleri kaydırmışsınız gibi gözüküyor
.menu 'nun left: değerini 50%den düşürerek daha sola getirebilirsiniz
.menu 'nun left: değerini 50%den düşürerek daha sola getirebilirsiniz
Pek anladığım söylenemez şuan dediklerini yapıcam sağol olursa haber ederim
Ek Olarak:
.menu den position: ve left: i silerek margin:0 auto ile her çözünürlüğe göre ortayabilirdiniz fakat sayfada ki divleri kaydırmışsınız gibi gözüküyor
.menu 'nun left: değerini 50%den düşürerek daha sola getirebilirsiniz
.menu 'nun left: değerini 50%den düşürerek daha sola getirebilirsiniz
/*MENU*/
.menu{
position:fixed;
left:40%;
margin-left:-200px;
margin-top:-5px;
background-color:#fff;
-moz-border-radius: 0px 0px 15px 15px ;
border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
behavior: url(PIE.htc);
border:none;
border:1px solid #ccc;
padding:5px;
z-index:104;
/*-moz-box-shadow: 0px 0px 2px #333; /* Firefox/Mozilla */
/*-webkit-box-shadow: 0px 0px 2px #333; /*Safari/Chrome */
/*box-shadow: 0px 0px 2px #333; /* Opera & hoe het zou moeten */
overflow:hidden;
/* for IE */
/*filter:alpha(opacity=90);*/
/* CSS3 standard */
/*opacity:0.9;*/
}
.menu ul{
padding-left:20px;
border:none;
}
.menu ul li{
float:left;
margin-right:20px;
padding:none;
border:none;
}
/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
border:none;
outline:none;
filter: 0;
}
/* Force the list to flow horizontally */
.lavaLamp li {
float: left;
list-style: none;
border:none;
outline:none;
filter: 0;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
background-color:#F2f2f2;
width: 9px; height: 30px;
z-index: 105;
position: absolute;
moz-border-radius: 25px;
border-radius: 25px;
-webkit-border-radius: 25px;
behavior: url(PIE.htc);
outline:none;
border:none!important;
filter: 0;
}
.lavaLamp li.back .left {
background-color:#F2f2f2;
height: 30px;
margin-right: 9px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-border-radius: 25px;
behavior: url(PIE.htc);
outline:none;
position:relative;
border:none!important;
filter: 0;
}
/* Styles for each menu-item. */
.lavaLamp li a {
color:#333;
background-color:none;
position: relative;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 14px arial;
text-align: center;
height: 30px; top: 7px;
z-index: 106; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;
border:none!important;
outline:none!important;
filter: 0;
}
burda nasıl bi ayarlma yapıcam tam olarak anlıyamadım kusura bakmayın