href lien ne fonctionne pas après l'édition css

J'essaie de mettre à jour le site Web de mon ami et elle doit garder le bouton Genbook. J'ai copié et collé le code de son site actuel dans le code que j'écris actuellement, et ça marche bien jusqu'à ce que j'essaie de le formater en CSS. Puisque je le veux centré sous son logo j'ai besoin d'éditer le CSS. Je ne comprends pas pourquoi l'édition du CSS entraînerait l'inactivité du lien.href lien ne fonctionne pas après l'édition css

aperçu en direct dans Firefox: actif et non formaté active link, without CSS (notice mouse cursor)

aperçu en direct dans Firefox: inactif et formaté inactive link, with CSS (notice mouse cursor)

#genbook { 
 
    position: absolute; 
 
    top: 210px; 
 
    left: 50px; 
 
}

<div id="genbook"> 
 
    <script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script> 
 
    <noscript> 
 
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000"> 
 
     <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0"> 
 
    </a> 
 
    <br> 
 
    <a href="http://www.genbook.com" style="font-size:10px;"></a> 
 
    </noscript> 
 
</div>

Maintenant, je suis encore plus confus! Il semble fonctionner sur Codepen et Code Snippet. Alors ... pourquoi cela fonctionnerait-il en prévisualisation et ne fonctionnerait pas en prévisualisation?

Nouvelle question: Comment savoir si cela fonctionne vraiment?

Source

2016-06-22 SporeSociety

probablement d'un problème z-index, quelque chose couvre le lien –

Après le commentaire ci-dessus, vérifiez que l'élément dans la console du navigateur (clic droit). Là, vous pouvez voir s'il y a quelque chose qui gêne. – melancia

@DerekS Maintenant que vous le mentionnez tous les deux, c'est probablement ce que je fais depuis que j'essaye de mettre un diaporama en arrière-plan (qui ne marche pas non plus) sur toute la page (voir exemple site asula com). Je ne sais pas comment rectifier cela ... Je pourrais devoir mettre le bouton ailleurs. Merci! :-) – SporeSociety

votre code, vous le postez, était dans une balise <noscript></noscript> et <script src="https://www.genbook.com/bookings/booknowjstag.action?id=30216717&size=medium"></script> chargé un code différent dans votre DOM, ce qui n'a pas fonctionné. Vous pouvez le supprimer et le noscript fonctionnera.

#genbook { 
 
    position: absolute; 
 
    top: 210px; 
 
    left: 50px; 
 
}

<div id="genbook"> 
 
    <a href="https://www.genbook.com/bookings/slot/reservation/30216717?bookingSourceId=1000"> 
 
     <img src="https://www.genbook.com/bookings/images/booknow-button-medium.png" width="150" height="50" alt="Make an Online Appointment" border="0" /> 
 
    </a> 
 
</div>

Source

2016-06-22 18:54:19

href lien ne fonctionne pas après l'édition css

Répondre

Questions connexes