Fix header link hitbox

3 years ago · 98f2dd4bcc
2 changed files with 16 additions and 15 deletions
--- a/inc/debut.php
+++ b/inc/debut.php
@ -30,11 +30,11 @@ function head($adresse) {
    </head>

    <body lang="fr">
-      <a href=".">
-        <header>
+      <header>
+        <a id="header" href=".">
          <div class="logo"><img src="img/antopie.png" width="100%" alt="Logo Ant" /></div>
-        </header>
-      </a>
+        </a>
+      </header>


    	<main>
--- a/style.less
+++ b/style.less
@ -314,9 +314,17 @@ footer {

 /* ----------------------- HEADER ------------------------ */

-a[href="."] {
+#header {
+	margin: 0px;
+	width: 50%;
+	border: 3px white solid;
+	border-top: none;
+	border-radius: 0px 0px 12px 12px;
+	text-align: center;
+	font-size: 2em;
 	display: flex;
 	justify-content: center;
+	padding: 30px;
 }

 #pres {
@ -326,26 +334,19 @@ a[href="."] {
 }

 header {
-	margin: 0px;
-	width: 50%;
-	border: 3px white solid;
-	border-top: none;
-	border-radius: 0px 0px 12px 12px;
-	text-align: center;
-	font-size: 2em;
 	display: flex;
 	justify-content: center;
-	padding: 30px;
+

 }


-header:active {
+#header:active {
 	box-shadow: 2px 2px 3px white inset;

 }

-header:hover {
+#header:hover {
 	background-color: @fond-option-hover;
  transition: all 0.2s ease-in-out;
 	color: @couleur-lien !important;