J'ai un menu, avec des icônes ( lorsque je clique sur le CSS: strong> p> img code>) et le texte sous ( span code>). Je veux que les deux d'entre eux soient cliqués comme un lien. J'ai ce HTML pour chaque élément du menu: img code>, rien ne se passe, mais quand je clique sur le Span , le lien fonctionne bien. Cela se produit dans Chrome et Firefox. Partout où j'ai lu, les gens semblent avoir aucun problème à faire cela, à l'exception de cE, mais ce n'est pas mon cas. S'il vous plaît, des idées quant à ce qui pourrait faire cela ne peut pas fonctionner? Voulez-vous savoir pourquoi l'inverse, c'est censé être le bon, ne fonctionne pas pour moi. P> .menu_item{
height: 15%;
width: 45%;
text-align: center;
}
.menu_icon{
width:auto;
height:100%;
}
3 Réponses :
essayez d'utiliser l'affichage: bloc; Comme la balise d'ancrage est par défaut en ligne. Votre HTML: -
.menu_item a {
display:block;
}
.menu_item{
height: 15%;
width: 45%;
text-align: center;
}
.menu_icon{
width:auto;
height:100%;
}
J'ai essayé cela, mais ça ne le résout pas pour moi: /. Comme certaines personnes me disaient déjà, je dois avoir des JS jouer avec cela, mais je ne peux pas sembler le trouver. Merci!
<div class="menu_item">
<a href="menu/viewTemplates.html">
<img class="menu_icon" src="http://cl.jroo.me/z3/q/R/R/d/a.aaa-Unique-Nature-Beautiful-smal.jpg" alt="Templates"/>
<span>Templates</span>
</a>
</div>J'ai découvert que cela n'avait rien à voir avec CSS ou HTML U__U, mais merci!
a découvert que le problème était sur un code JS qui prenait l'identifiant de mes éléments (je n'avais pas inclus l'identifiant lorsque j'ai posté ma question) et remplacer le lien.
ne fonctionne pas ? c'est bizarre, peut inspecter l'élément la page? Recherchez des événements JavaScript qui liés à l'image ..
Fonctionne à Chrom & Firefox pour moi: Codepen.io/anon/pen/yovjxx
@Bagustesa ¿Comment créer des événements liés à un élément spécifique ?. Je travaille sur la zone Web et je cherchais à toute autre place mon projet, et je ne vois pas d'autre endroit, pas dans JS ni dans HTML ou CSS où cette image est convoquée. Merci de commenter :)
Les icônes sont souvent mieux traitées comme des éléments d'arrière-plan. Voir Codepen.io/anon/pen/zdobbv pour un exemple rapide et sale.
Vérifiez également tous les autres éléments transparents pouvant superposer l'image à l'aide de vos outils de développeur de navigateur. Comme nous l'avons démontré, le code que vous avez fourni des œuvres.
Fonctionne pour moi dans jsfiddle: jsfiddle.net/26g8y49c CNA Vous faites un exemple de travail avec votre problème? Msot est probablement votre ajout de certains CSS indésirables à l'IMG
@CARMENCAMACHO Vous voulez le texte Sous-à-tête , mais votre CSS ressemble à vous voulez la seule ligne. BTW, ne pouvait pas reproduire votre problème.