ロゴだけでなく、ヘッダ全体をクリック可能

Question

誰かの開始ページで作業しています。ヘッダーに問題があります。 通常、ロゴはあなたをホームページにリダイレクトします。しかし何らかの理由で、ロゴだけでなくヘッダ全体をクリック可能にしています。 ここにコードがあります。

.page-header { 
 
    margin-top: 0; 
 
    background-color: #80a9ed; 
 
}

<div class="page-header"> 
 
    <a class="img-fluid" href="index.php"> 
 
    <img src="http://sitename.com/images/Flauwemoppen.png" width="140px;" style="margin-left: 3%;" alt="logo"> 
 
    </a> 
 
</div>

私が何か間違ったことをしますか？

Answer 1

ロゴアンカーは、アンカータグに一意のクラスと仮定する「ロゴ」を入れて、その後、このスタイル .logo追加し、ブロックプロパティまたは100％のであり、次のいずれか;

{表示インラインブロックを重要！}