Hola! estoy utilizando una tecnica para que el servidor descargue menos imagenes, para eso, he dividido la barra de redes sociales y en cada li muestro un cacho, os pongo el ejemplo:
codigo
Código PHP:
<div id="redes">
<ul>
<li class="facebook" onClick="window.location.href('https://www.facebook.com/aimara.teatro')"><a href="https://www.facebook.com/aimara.teatro" title="facebook" target="_blank"></a></li>
<li class="twitter" onClick="window.location.href('https://twitter.com/AimaraTeatro')"><a href="https://twitter.com/AimaraTeatro" title="twitter" target="_blank"></a></li>
<li class="rss"><a href="#" title="twitter"></a></li>
<li class="mail" onClick="window.location.href('mailto:[email protected]')"><a href="mailto:[email protected]" title="escribir mail"></a></li>
<li class="youtube"><a href="#" title="youtube"></a></li>
</ul>
</div>
css
Código PHP:
#redes{width:250px; height:54px; position:absolute; right:150px;}
#redes li{background-image:url(/img/redes.png); width:48px; height:48px; background-repeat:no-repeat; float: left; list-style-type:none; font-size: 0.9em; color:transparent;}
#redes li:hover{cursor:pointer}
#redes li a{ width:48px; height:48px;}
.facebook{background-position:-2px -0px;background-repeat:no-repeat;}
.twitter{background-position:-52px -0px;background-repeat:no-repeat;}
.rss{background-position:-101px -0px;background-repeat:no-repeat;}
.mail{background-position:-150px -0px;background-repeat:no-repeat;}
.youtube{background-position:-200px -0px;background-repeat:no-repeat;}
Asi en cada li me sale el cacho de la imagen, lo podéis ver en la web cómo queda:
www.aimarateatro.com.
El problema es que en explorer me funciona bien y en firefox no (algo que jamás me hubiera imaginado). El tema es que al tener un enlace vacío, en firefox no funciona cuando pinchas, es más, no hace nada! Lo he cambiado varias veces y puesto de distintas formas, pero solo funciona cuando meto algo dentro de la etiqueta <a > ¿Qué puede ser? Sé que hay gente que lo hace de esta forma, pero no consigo que funcione...
Seguro que es una chorrada que no consigo ver.
Gracias!