Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Sayfada butonlar gri görünüyor menü yü yaptıkdan sonra oldu

Konu, 'Web Programlama' kısmında webandyazilimprofesor tarafından paylaşıldı.

  1. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    43
    Beğenilen Mesajlar:
    1
    Şehir:
    Ankara
    Merhaba,

    arkadaşlar sitemde menü yaptıkdan sonra tüm butonlar gri oldu. Menünün rengi de gri. Resimde de gösterdiğim gibi.

    Kodlar şunlar :

    Kod:
    <div class="menu">
      <ul>
        <li><a href="egoldshop.php">Anasayfa</a></li>
        <li>A</li>
      </ul>
      </div>
    
      <style type="text/css">
       
        *{
    
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          list-style: none;
          text-decoration: none;
    
        }
    
        .menu{
    
          width: 782px;
          height: 35px;
          float: left;
          background: gray;
          position: relative;
          top: 175px;
    
        }
    
        .menu a {
    
          width: auto;
          height: 35px;
          float: left;
          font-size: 12px;
          color: white;
          padding-left: 18px;
          padding-right: 18px;
          border-right: solid 1px white;
          line-height: 35px;
    
        }
    
        .menu li{
    
          width: auto;
          height: 46px;
          float: left;
          position: relative;
    
        }
    
        .menu ul li ul{
    
          width: 180px;
          height: auto;
          float: left;
          position: absolute;
          background: #6c6b6b;
          top: 35px;
          left: 1px;
          z-index: 1px;
          display: none;
    
        }
    
        .menu ul li ul a{
    
          width: 163px;
          height: 30px;
          line-height: 30px;
          float: left;
          padding: 0 0 0 17px;
          border-top: dashed 1px gray;
          background: none;
    
        }
    
        .menu ul li ul li{
    
          height: 30px;
          line-height: 30px;
    
        }
    
        .menu li:hover > ul{
    
          display: block;
    
        }
    
        .menu ul li ul li ul{
    
          width: 180px;
          height: auto;
          float: left;
          position: absolute;
          background: #6c6b6b;
          top: 0px;
          left: 180px;
          z-index: 1;
          display: none;
    
        }
    
    </style>
    Bu sorunu nasıl çözebilirim?

    HELP PLEASE
     

    Ekli Dosyalar:

  2. webandyazilimprofesor

    webandyazilimprofesor Üye

    Kayıt:
    2 Eylül 2017
    Mesajlar:
    43
    Beğenilen Mesajlar:
    1
    Şehir:
    Ankara
    Sorun çözüldü. border:0 kodunu kadırınca çözüldü.