メニュー内のパディング（スペース）です。HTML

Question

Merhaba、

メニューhtmlにパディングスペースがあります。コードは以下の通りです。私は理由を見つけることができません。コードを見てください。

The menu

コード：

<style type="text/css"> 
    *{ 

     margin: 0; 
     outline: 0; 
     list-style: none; 
     text-decoration: none; 

    } 

    .menu{ 

     width: 1350px; 
     height: 30px; 
     float: left; 
     background: #996600; 
     position: relative; 
     top: 185px; 

    } 

    .menu a { 

     width: auto; 
     height: 30px; 
     float: left; 
     font-size: 12px; 
     color: white; 
     padding-left: 18px; 
     padding-right: 18px; 
     border-right: solid 1px white; 
     line-height: 30px; 
     text-decoration: none; 

    } 

    .menu li{ 

     width: auto; 
     height: 46px; 
     float: left; 
     position: relative; 

    } 

    .menu ul li ul{ 

     width: 180px; 
     height: auto; 
     float: left; 
     position: absolute; 
     background: #996600; 
     top: 30px; 
     left: 1px; 
     z-index: 1px; 
     display: none; 

    } 

    .menu ul li ul a{ 

     width: 140px; 
     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 a:hover{ 

     color: white; 
     background: black; 

    } 

    .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> 

HTML：

<div class="menu"> 
    <ul> 
    <li><a href="blabla.php">Anasayfa</a></li> 
    <?php 

    $vericek61 = $baglanti1 -> prepare("select * from menu order by no asc"); 
    $vericek61->execute(); 

    while ($bilgiler61 = $vericek61 -> fetch(PDO::FETCH_ASSOC)) { 

     $menuid = $bilgiler61['no']; 

     $vericek64 = $baglanti1 -> prepare("select * from altmenu where anamenuid = ? order by no asc"); 
     $vericek64 -> bindParam(1, $menuid); 
     $vericek64 -> execute(); 
     $vericek64say = $vericek64 -> rowCount(); 

     if ($vericek64say == 0) { 

     ?> 

     <li><a href="blabla.php?menu=<?php echo($bilgiler61['menuadi']); ?>"><?php echo($bilgiler61['menuadi']); ?></a></li> 

     <?php 

     }else{ 

     ?> 

     <li><a href="egoldshop.php?menu=<?php echo($bilgiler61['menuadi']); ?>"><?php echo($bilgiler61['menuadi']); ?></a> 
     <ul> 
      <?php 

      $vericek63 = $baglanti1 -> prepare("select * from altmenu where anamenuid = ? order by no asc"); 
      $vericek63 -> bindParam(1, $menuid); 
      $vericek63 -> execute(); 

      while ($bilgiler63 = $vericek63 -> fetch(PDO::FETCH_ASSOC)) { 

      ?> 

      <li><a href="blabla.php?altmenu=<?php echo($bilgiler63['menuadi']); ?>"><?php echo($bilgiler63['menuadi']); ?></a></li> 

      <?php 

      } 

      ?> 
     </ul></li> 

     <?php 

     } 

    } 

    ?> 

    </ul> 
    </div> 

どのように私はこのスペースのパディングを削除することができますか？

私はあなたの助けをお願いします。

注：フランス語がありますが、英語はありません。フランス語を話すことができます。

私の英語を楽しませてはいけません。

Answer 1

FirefoxまたはChromeデベロッパーツール/ inspectを使用すると、要素と適用されたスタイルが表示されます。適用されたスタイルでは、どのルールが他のルールよりも優れているかを確認できます。この方法で、どのスタイルがパディングの原因であるかを知ることができます。

また、CSSリセット（インターネットを検索する）を使用する必要があります。アイデアはすべてのブラウザが独自のデフォルトを持っているので、スタイルをリセットして、必要なスタイルを適用します。