Wordpress - Liens ne fonctionne pas en-tête

Question

J'ai créé un div dans le fichier en-tête de modèle de thème php, ce qui suit est le code utilisé:

<?php if ((is_page('police-check-online') AND ! wp_is_mobile())) { ?> 
<div style="float:right; width:450px; margin-right:350px; color:white; margin-bottom:-250px; margin-top:120px; z-index:100;"> 
     <div style="float:left; width:50%;"><h3>fit2work badges</h3></div><div style="float:left; width:50%; z-index:200;"><a href="https://fit2work.com.au/Public/badge" class="badgebtn">PURCHASE NOW</a></div> 
      <div style="z-index:300;"><a href="https://fit2work.com.au/Public/badge"><img src="http://mercury.com.au/wp-content/uploads/badges/fit2workbadges_03.png"></a></div></div> 

     <?php } ?> 

Le problème est que le lien ne fonctionne pas.

J'ai essayé (comme vous pouvez le voir) de jouer avec l'index z des divers divs.

Très confus.

Comme une note de côté, si je change le code de quitter la fermeture après le deuxième élément de liaison, il fonctionne (bien que tout sur la page jusqu'à ce que l'élément suivant de liaison est également lié)

Aide, s'il vous plaît ! Je suis absolument confus.

page de site en direct est ici: http://mercury.com.au/police-check-online/

Answer 1

vous avez un div à l'intérieur d'un. Si vous voulez ajouter une image, placez la div avec l'image en dehors de a. si vous voulez avoir l'image à l'intérieur d'un, mettez-la sans div. vous pouvez lire plus sur votre problème dans ce sujet: Is putting a div inside an anchor ever correct?