Pequeña área en la que se puede hacer clic en Firefox

En Firefox, el área en la que se puede hacer clic en los enlaces de mi pie de página es PEQUEÑA. El área en la que se puede hacer clic no abarca toda la etiqueta, tanto en términos de ancho como de alto. En IE, está bien. ¿Algunas ideas?

Aquí está mi código de pie de página:

<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:info@rkm-research.com">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>

y mi 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;
}

Incluso intenté aplicar un estilo de bloque usando una clase, pero aún así no ayudó:

<li class="flink"><a href="mailto:info@rkm-research.com">email us</a></li>
</ul>

CSS:

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

preguntado el 03 de mayo de 12 a las 19:05

¿Es posible proporcionar un ejemplo a través de jsfiddle o cualquier otro servicio (incluso autohospedado)? Pero, por favor, solo proporcione el código de prueba. De todos modos, ¿miraste a través de Firebug si la pantalla se sobrescribe o no? -

1 Respuestas

Pequeño mundo, también vivo en Portsmouth.

Con el código que proporcionó, el área en la que se puede hacer clic es tal como debería ser. Puedes verificar esto aquí: http://jsfiddle.net/cCDaL/1/

He hecho el fondo de cada a elemento amarillo, para que pueda ver exactamente cuál es el área en la que se puede hacer clic y, de hecho, es lo que debería ser.

Creo que la respuesta a su problema es que tiene otra regla CSS que hace que el área en la que se puede hacer clic sea pequeña, posiblemente line-height or padding (No se puede hacer clic en el relleno en los enlaces). Puede usar los inspectores de Chrome o Firefox para ver cuál podría ser el problema aquí.

Otra edición: En Firefox Aurora 14.0a2, el área en la que se puede hacer clic también es normal, para mí, en su sitio web http://www.rkm-research.com/. Aquí hay una captura de pantalla con el inspector de Firefox: enter image description here

contestado el 23 de mayo de 12 a las 22:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.