css menü problem

birgariptasarımcı
01-08-2017, 22:52   |  #1  
birgariptasarımcı avatarı
OP Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: Ağu 2017

iyi günler değerli arkadaşlarım benim şöyle bir problemim var oluşturduğum  css yatay menü sayfa büyütüldüğünde menüler birbirine giriyor ve birtürlü çözemedim konuyla ilgili yardımcı olursanız sevinirim aşağıda kodlarım bulunmaktadır.


ul#menu, ul#menu ul{
 z-index:1;
 position:absolute;
 list-style:none;
 margin:0 auto;
 padding:0;
 padding-left:0px;
 width:100%;
 }
ul#menu li{
 float:left;
 position:relative;
 width:284px;
 text-align:center;
 }
ul#menu li ul{
 display:none;
 position:absolute;
 top:19px;
 left:0;
 }
ul#menu li > ul {
 top:auto;
 left:auto;
 }
ul#menu li a {
 font: bold 16x Arial, Helvetica, sans-serif;
 display:block;
 border-width:1px;
 border-style: solid;
 border-color:#ccc #888 #555 #bbb;
 margin:0;
 padding: 5% ;
 color: rgba(12,3,25,0.8);
 background:#cabfbf;
 text-decoration:none;
 }
ul#menu li a:hover {
 color:#a00;
 background:#fff;
 }
ul#menu li:hover ul {
 display:block;
     }
ul#menu li:hover ul. ul#menu li.over ul{
 display:block;
 }