Petite zone cliquable dans Firefox

Dans Firefox, la zone cliquable des liens dans mon pied de page est TINY. La zone cliquable ne couvre pas l'intégralité de l'étiquette, à la fois en termes de largeur et de hauteur. Dans IE, ça va. Des idées?Petite zone cliquable dans Firefox

Voici mon code de bas de page:

<div id="footer"> 
<ul> 
<li>RKM Research and Communications, Inc.&nbsp;&nbsp;|</li> 
<li>1039 Islington St&nbsp;&nbsp;|</li> 
<li>Portsmouth, NH 03801&nbsp;&nbsp;|</li> 
<li>603.433.3982&nbsp;&nbsp;|</li> 
<li><a href="mailto:[email protected]">email us</a></li> 
</ul> 
<ul class="copyright"> 
<li>&copy; 2012 RKM Research and Communications, Inc. </li> 
<li><a href="privacy.html">Privacy policy</a> </li> 
<li><a href="terms.html">Terms of use</a></li> 
</ul>

et mon CSS:

div#footer ul li{ 
color : #036; 
background-color : transparent; 
display: inline 
} 

div#footer ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:inline-block; 
paddding:10px 20px; 
} 

.footer ul li a:hover{color:#F6901E; 
text-decoration : underline; 
}

J'ai même essayé d'appliquer un style de bloc en utilisant une classe, mais il n'a toujours pas aidé:

<li class="flink"><a href="mailto:[email protected]">email us</a></li> 
</ul>

css:

.flink ul li a{ 
color : #115EAC; 
text-decoration : none; 
display:block; 
paddding:10px 20px; 
float:left; 
}

Source

2012-05-03 user1373338

Est-il possible de fournir un exemple via jsfiddle ou tout autre service (même auto-hébergé). Mais s'il vous plaît, fournissez seulement le code de test. De toute façon, avez-vous regardé à travers firebug si l'affichage est écrasé ou non? – Styxxy

Petit monde, j'habite aussi à Portsmouth.

Avec le code que vous avez fourni, la zone cliquable est exactement ce qu'elle devrait être. Vous pouvez le vérifier ici: http://jsfiddle.net/cCDaL/1/

J'ai rendu l'arrière-plan de chaque élément a jaune, de sorte que vous puissiez voir exactement quelle est la zone cliquable, et c'est bien ce qu'elle devrait être.

Je pense que la réponse à votre problème est que vous avez une autre règle CSS qui rend la zone cliquable minuscule, éventuellement line-height ou padding (le remplissage n'est pas cliquable dans les liens). Vous pouvez utiliser les inspecteurs Chrome ou Firefox pour voir quel pourrait être le problème ici.

Autre édition: Dans Firefox Aurora 14.0a2, la zone cliquable est en effet aussi normale, pour moi, sur votre site web http://www.rkm-research.com/. Voici une capture d'écran avec l'inspecteur Firefox: enter image description here

Source

2012-05-23 21:05:02 wnajar

Petite zone cliquable dans Firefox

Répondre

Questions connexes